How can I use an SVG logo in a minimal theme and add a hover color to my cart icon?

Store Design
1

Im trying to use a SVG for a logo, all of the codes I’ve tried haven’t worked, please can someone help with this.

Also I want to add a hover color to my shopping cart icon in the announcement bar, any help would be appreciated.

1 Like
2

Hi @goosha ,

Can you please include the URL of your store? I need to take a look at the store page before I can offer any solution to the cart.

About the logo, did you try uploading it to theme customizer > Header? If it didn’t work then you’ll need to do it manually i.e with custom code. You’ll need to upload the SVG to settings > Files and then add the link to the header in the right place.

If you need developer help, you can contact me.

3

Hi @goosha ,

Please follow the steps:

  • Step 1: Please upload the logo svg to Assets.

Screenshot.png
Screenshot.png1184×612 61.5 KB

Example file name is: logo.svg

  • Step 2: Go to sections > header.liquid file, find ‘logo__image lazyload’, it will include 2 positions, you need to change in both.

before
before1587×662 70 KB

after
after1510×475 50.4 KB

Code:

Hope it helps!

4

I’ve done that and still no look, could you take a look and see where i’m going wrong?

{%- assign logo_width = 695 -%} {%- assign logo_max_width = section.settings.logo_max_width | times: 1 -%} {% if logo_max_width < logo_width %} {%- assign logo_width = logo_max_width -%} {% endif %} .logo__image-wrapper { max-width: {{ logo_width }}px; } /*================= If logo is above navigation ================== */ {% if section.settings.nav_below_logo %} .site-nav { {% if section.settings.show_header_lines %} border-top: 1px solid {{ settings.color_borders }}; border-bottom: 1px solid {{ settings.color_borders }}; {% endif %} margin-top: 30px; } {% unless section.settings.left_aligned_logo %} .logo__image-wrapper { margin: 0 auto; } {% endunless %} {% endif %} /*============ If logo is on the same line as navigation ============ */ {% unless section.settings.nav_below_logo or section.settings.show_header_lines == false %} .site-header .grid--full { border-bottom: 1px solid {{ settings.color_borders }}; padding-bottom: 30px; } {% endunless %} {% unless section.settings.nav_below_logo %} @media screen and (min-width: 769px) { .site-nav { text-align: right!important; } } {% endunless %}

{% if section.settings.show_announcement or section.settings.header_search_enable %}

{% comment %}
Add social links to header
{% endcomment %}

{% comment %}

{% include 'social-links' %}
{% endcomment %}

{% if section.settings.show_announcement %}

{% elsif section.settings.header_search_enable %}
{% include 'search-bar' with 'header' %}
{% endif %}
{% endif %}

{% if shop.customer_accounts_enabled %}

    {% if customer %}
  • {{ 'layout.customer.account' | t }}
  • {{ 'layout.customer.log_out' | t | customer_logout_link }}
    • {% else %}
  • {{ 'layout.customer.log_in' | t | customer_login_link }}
  • {{ 'layout.customer.or' | t }}
  • {{ 'layout.customer.create_account' | t | customer_register_link }}
    • {% endif %}
{% endif %}

{% if section.settings.header_search_enable %}
{% if section.settings.show_announcement %}

{% include 'search-bar' with 'header' %}
{% endif %} {% endif %}
{% if section.settings.show_announcement %} {% if section.settings.announcement_link != blank %} {% endif %} {{ section.settings.header_text | escape }} {% if section.settings.announcement_link != blank %} {% endif %} {% endif %}
{% unless section.settings.nav_menu == blank and section.settings.header_search_enable == false and shop.customer_accounts_enabled == false %} {{ 'layout.navigation.menu' | t }} {% endunless %} {{ 'layout.cart.title' | t }} {{ cart.item_count }}
{% include 'mobile-nav' with linklists[section.settings.nav_menu] %}

{% if section.settings.nav_below_logo %}

{% if request.page_type == 'index' %}

{% else %}
{% endif %} {% if section.settings.logo != blank %} {% capture image_size %}{{ logo_width | escape }}x{% endcapture %}
{{ section.settings.logo | img_url: image_size | img_tag: shop.name }}
{% else %} {{ shop.name }} {% endif %} {% if request.page_type == 'index' %}

{% else %}
{% endif %}
{% include 'site-nav' with linklists[section.settings.nav_menu] %}
{% else %}
{% if request.page_type == 'index' %}

{% else %}
{% endif %} {% if section.settings.logo != blank %} {% capture image_size %}{{ logo_width | escape }}x{% endcapture %}
{{ section.settings.logo | img_url: image_size | img_tag: shop.name }}
{% else %} {{ shop.name }} {% endif %}

{% if request.page_type == ‘index’ %}

{% else %}
{% endif %}
{% include 'site-nav' with linklists[section.settings.nav_menu] %}
{% endif %}

{% schema %}
{
“name”: {
“cs”: “Záhlaví”,
“da”: “Overskrift”,
“de”: “Titel”,
“en”: “Header”,
“es”: “Encabezado”,
“fi”: “Ylätunniste”,
“fr”: “En-tête”,
“it”: “Header”,
“ja”: “ヘッダー”,
“ko”: “헤더”,
“nb”: “Header”,
“nl”: “Koptekst”,
“pl”: “Nagłówek”,
“pt-BR”: “Cabeçalho”,
“pt-PT”: “Cabeçalho”,
“sv”: “Rubrik”,
“th”: “ส่วนหัว”,
“tr”: “Üstbilgi”,
“vi”: “Đầu trang”,
“zh-CN”: “标头”,
“zh-TW”: “標頭”
},
“settings”: [
{
“type”: “checkbox”,
“id”: “header_search_enable”,
“label”: {
“cs”: “Zobrazit lištu vyhledávání”,
“da”: “Vis søgelinje”,
“de”: “Suchleiste anzeigen”,
“en”: “Show search bar”,
“es”: “Mostrar barra de búsqueda”,
“fi”: “Näytä hakupalkki”,
“fr”: “Afficher la barre de recherche”,
“it”: “Mostra barra di ricerca”,
“ja”: “検索バーを表示する”,
“ko”: “검색 바 표시”,
“nb”: “Vis søkefelt”,
“nl”: “Zoekbalk weergeven”,
“pl”: “Pokaż pasek wyszukiwania”,
“pt-BR”: “Mostrar barra de pesquisa”,
“pt-PT”: “Mostrar barra de pesquisa”,
“sv”: “Visa sökfältet”,
“th”: “แสดงแถบการค้นหา”,
“tr”: “Arama çubuğunu göster”,
“vi”: “Hiển thị thanh tìm kiếm”,
“zh-CN”: “显示搜索栏”,
“zh-TW”: “顯示搜尋列”
}
},
{
“type”: “image_picker”,
“id”: “logo”,
“label”: {
“cs”: “Logo”,
“da”: “Logo”,
“de”: “Logo”,
“en”: “Logo”,
“es”: “Logo”,
“fi”: “Logo”,
“fr”: “Logo”,
“it”: “Logo”,
“ja”: “ロゴ”,
“ko”: “로고”,
“nb”: “Logo”,
“nl”: “Logo”,
“pl”: “Logo”,
“pt-BR”: “Logo”,
“pt-PT”: “Logótipo”,
“sv”: “Logotyp”,
“th”: “โลโก้”,
“tr”: “Logo”,
“vi”: “Logo”,
“zh-CN”: “logo”,
“zh-TW”: “商標”
},
“info”: {
“cs”: “Doporučujeme 450 x 200 pixelů”,
“da”: “450 x 200 pixel anbefales”,
“de”: “450 x 200 Pixel empfohlen”,
“en”: “450 x 200px recommended”,
“es”: “450 x 200px recomendado”,
“fi”: “Suositus 450 x 200px”,
“fr”: “450 x 200 px recommandé”,
“it”: “450 x 200 px consigliato”,
“ja”: “450 x 200ピクセルを推奨”,
“ko”: “450x200 픽셀 권장”,
“nb”: “450 x 200 px anbefales”,
“nl”: “450 x 200 px aanbevolen”,
“pl”: “Zalecany rozmiar 450 na 200 pikseli”,
“pt-BR”: “450 x 200 px recomendado”,
“pt-PT”: “450 x 200 píxeis (recomendado)”,
“sv”: “450 x 200px rekommenderas”,
“th”: “แนะนำขนาด 450 x 200 พิกเซล”,
“tr”: “450 x 200 piksel önerilir”,
“vi”: “Đề xuất 450 x 200px”,
“zh-CN”: “推荐使用 450 x 200 像素大小”,
“zh-TW”: “建議使用 450 x 200px”
}
},
{
“type”: “text”,
“id”: “logo_max_width”,
“label”: {
“cs”: “Šířka vlastního loga (v pixelech)”,
“da”: “Tilpasset logobredde (i pixels)”,
“de”: “Benutzerdefinierte Logobreite (Pixel)”,
“en”: “Custom logo width (in pixels)”,
“es”: “Ancho del logo personalizado (en píxeles)”,
“fi”: “Mukautettu logon leveys (pikseleinä)”,
“fr”: “Largeur personnalisée du logo (en pixels)”,
“it”: “Larghezza logo personalizzato (in pixel)”,
“ja”: “ロゴの幅をカスタマイズする (ピクセル単位)”,
“ko”: “사용자 지정 로고 폭 (픽셀)”,
“nb”: “Tilpasset logobredde (i piksler)”,
“nl”: “Aangepaste logobreedte (in pixels)”,
“pl”: “Niestandardowa szerokość logo (w pikselach)”,
“pt-BR”: “Largura do logo personalizado (em pixels)”,
“pt-PT”: “Largura de logótipo personalizada (em píxeis)”,
“sv”: “Anpassad logotypbredd (i pixlar)”,
“th”: “ความกว้างของโลโก้แบบกำหนดเอง (เป็นพิกเซล)”,
“tr”: “Özel logo genişliği (piksel)”,
“vi”: “Chiều rộng logo tùy chỉnh (pixel)”,
“zh-CN”: “自定义 logo 宽度（像素）”,
“zh-TW”: “自訂標誌寬度 (單位為像素)”
},
“default”: {
“cs”: “450”,
“da”: “450”,
“de”: “450”,
“en”: “450”,
“es”: “450”,
“fi”: “450”,
“fr”: “450”,
“it”: “450”,
“ja”: “450”,
“ko”: “450”,
“nb”: “450”,
“nl”: “450”,
“pl”: “450”,
“pt-BR”: “450”,
“pt-PT”: “450”,
“sv”: “450”,
“th”: “450”,
“tr”: “450”,
“vi”: “450”,
“zh-CN”: “450”,
“zh-TW”: “450”
}
},
{
“type”: “header”,
“content”: {
“cs”: “Hlavní nabídka”,
“da”: “Hovedmenu”,
“de”: “Hauptmenü”,
“en”: “Main menu”,
“es”: “Menú principal”,
“fi”: “Päävalikko”,
“fr”: “Menu principal”,
“it”: “Menu principale”,
“ja”: “メインメニュー”,
“ko”: “주 메뉴”,
“nb”: “Hovedmeny”,
“nl”: “Hoofdmenu”,
“pl”: “Menu główne”,
“pt-BR”: “Menu principal”,
“pt-PT”: “Menu principal”,
“sv”: “Huvudmeny”,
“th”: “เมนูหลัก”,
“tr”: “Ana menü”,
“vi”: “Menu chính”,
“zh-CN”: “主菜单”,
“zh-TW”: “主選單”
}
},
{
“type”: “link_list”,
“id”: “nav_menu”,
“label”: {
“cs”: “Nabídka”,
“da”: “Menu”,
“de”: “Menü”,
“en”: “Menu”,
“es”: “Menú”,
“fi”: “Valikko”,
“fr”: “Menu”,
“it”: “Menu”,
“ja”: “メニュー”,
“ko”: “메뉴”,
“nb”: “Meny”,
“nl”: “Menu”,
“pl”: “Menu”,
“pt-BR”: “Menu”,
“pt-PT”: “Menu”,
“sv”: “Meny”,
“th”: “เมนู”,
“tr”: “Menü”,
“vi”: “Menu”,
“zh-CN”: “菜单”,
“zh-TW”: “選單”
},
“default”: “main-menu”
},
{
“type”: “checkbox”,
“id”: “nav_below_logo”,
“label”: {
“cs”: “Zarovnat hlavní nabídku pod logem na střed”,
“da”: “Centrer hovedmenuen under logoet”,
“de”: “Hauptmenü unter Logo zentrieren”,
“en”: “Center main menu below logo”,
“es”: “Centrar el menú principal debajo del logo”,
“fi”: “Keskitä päävalikko logon alle”,
“fr”: “Centrer le menu principal sous le logo”,
“it”: “Centra menu principale sotto il logo”,
“ja”: “ロゴの下のメインメニューを中央寄せする”,
“ko”: “로고 아래 중앙 주요 메뉴”,
“nb”: “Sentrer hovedmeny under logo”,
“nl”: “Centreer hoofdmenu onder logo”,
“pl”: “Wyśrodkuj menu główne pod logo”,
“pt-BR”: “Centralizar menu principal abaixo do logo”,
“pt-PT”: “Centrar menu principal abaixo do logótipo”,
“sv”: “Centrera huvudmeny under logotypen”,
“th”: “จัดเมนูหลักใต้โลโก้ให้อยู่ตรงกลาง”,
“tr”: “Ana menüyü logonun alt kısmına ortala”,
“vi”: “Căn giữa menu chính bên dưới logo”,
“zh-CN”: “在 logo 下方居中显示主菜单”,
“zh-TW”: “將主選單置中並置於商標下方”
}
},
{
“type”: “checkbox”,
“id”: “left_aligned_logo”,
“label”: {
“cs”: “Zarovnat logo doleva”,
“da”: “Venstrejuster logo”,
“de”: “Logo linksbündig ausrichten”,
“en”: “Left-align logo”,
“es”: “Alinear el logo a la izquierda”,
“fi”: “Tasaa logo vasemmalle”,
“fr”: “Aligner le logo à gauche”,
“it”: “Allinea logo a sinistra”,
“ja”: “ロゴを左寄せする”,
“ko”: “왼쪽 맞춤 로고”,
“nb”: “Venstrejuster logo”,
“nl”: “Logo links uitlijnen”,
“pl”: “Wyrównaj logo do lewej”,
“pt-BR”: “Alinhar logo à esquerda”,
“pt-PT”: “Alinhar logótipo à esquerda”,
“sv”: “Vänsterjustera logotypen”,
“th”: “จัดโลโก้ชิดซ้าย”,
“tr”: “Logoyu sola hizala”,
“vi”: “Căn trái logo”,
“zh-CN”: “左对齐 logo”,
“zh-TW”: “將商標靠左對齊”
}
},
{
“type”: “checkbox”,
“id”: “show_header_lines”,
“label”: {
“cs”: “Zobrazit v záhlaví oddělovací čáry”,
“da”: “Vis skillelinjer i sidehoved”,
“de”: “Trennlinien in Header anzeigen”,
“en”: “Show divider lines in header”,
“es”: “Mostrar líneas divisorias en el encabezado”,
“fi”: “Näytä väliviivat otsikossa”,
“fr”: “Afficher les lignes de séparation dans l’en-tête”,
“it”: “Mostra linee divisorie nell’header”,
“ja”: “ヘッダーに分割線を表示する”,
“ko”: “제목에 구분선 표시”,
“nb”: “Vis skillelinjer i topptekst”,
“nl”: “Toon scheidingslijnen in koptekst”,
“pl”: “Pokaż linie podziału w nagłówku”,
“pt-BR”: “Mostrar linhas divisórias no cabeçalho”,
“pt-PT”: “Mostrar linhas divisórias no cabeçalho”,
“sv”: “Visa delningslinjer i rubriken”,
“th”: “แสดงเส้นแบ่งในส่วนหัว”,
“tr”: “Ayırıcı çizgileri üstbilgide göster”,
“vi”: “Hiển thị dòng phân chia ở đầu trang”,
“zh-CN”: “在标头中显示分割线”,
“zh-TW”: “在標頭中顯示分隔線”
}
},
{
“type”: “header”,
“content”: {
“cs”: “Panel oznámení”,
“da”: “Meddelelseslinje”,
“de”: “Ankündigungsbereich”,
“en”: “Announcement bar”,
“es”: “Barra de anuncios”,
“fi”: “Ilmoituspalkki”,
“fr”: “Barre d’annonces”,
“it”: “Barra degli annunci”,
“ja”: “告知バー”,
“ko”: “공지 표시줄”,
“nb”: “Kunngjøringslinje”,
“nl”: “Aankondigingsbalk”,
“pl”: “Pasek ogłoszeń”,
“pt-BR”: “Barra de avisos”,
“pt-PT”: “Barra de comunicado”,
“sv”: “Meddelandefält”,
“th”: “แถบประกาศ”,
“tr”: “Duyuru çubuğu”,
“vi”: “Thanh thông báo”,
“zh-CN”: “公告栏”,
“zh-TW”: “公告列”
}
},
{
“type”: “checkbox”,
“id”: “show_announcement”,
“label”: {
“cs”: “Zobrazit oznámení”,
“da”: “Vis meddelelse”,
“de”: “Ankündigung anzeigen”,
“en”: “Show announcement”,
“es”: “Mostrar anuncio”,
“fi”: “Näytä ilmoitus”,
“fr”: “Afficher l’annonce”,
“it”: “Mostra annuncio”,
“ja”: “告知を表示する”,
“ko”: “공지 표시”,
“nb”: “Vis kunngjøring”,
“nl”: “Aankondiging weergeven”,
“pl”: “Pokaż ogłoszenie”,
“pt-BR”: “Mostrar comunicado”,
“pt-PT”: “Mostrar comunicado”,
“sv”: “Visa tillkännagivande”,
“th”: “แสดงประกาศ”,
“tr”: “Duyuruyu göster”,
“vi”: “Hiển thị thông báo”,
“zh-CN”: “显示公告”,
“zh-TW”: “顯示公告”
},
“default”: true
},
{
“type”: “text”,
“id”: “header_text”,
“label”: {
“cs”: “Text”,
“da”: “Tekst”,
“de”: “Text”,
“en”: “Text”,
“es”: “Texto”,
“fi”: “Teksti”,
“fr”: “Texte”,
“it”: “Testo”,
“ja”: “テキスト”,
“ko”: “텍스트”,
“nb”: “Tekst”,
“nl”: “Tekst”,
“pl”: “Tekst”,
“pt-BR”: “Texto”,
“pt-PT”: “Texto”,
“sv”: “Text”,
“th”: “ข้อความ”,
“tr”: “Metin”,
“vi”: “Văn bản”,
“zh-CN”: “文本”,
“zh-TW”: “文字”
},
“default”: {
“cs”: “Tady můžete zadat oznámení”,
“da”: “Meddel noget her”,
“de”: “Hier etwas ankündigen”,
“en”: “Announce something here”,
“es”: “Anuncia algo aquí”,
“fi”: “Ilmoita jotakin tässä”,
“fr”: “Annoncez quelque chose ici”,
“it”: “Annuncia qualcosa qui”,
“ja”: “ここで告知してください”,
“ko”: “여기에 공지하십시오”,
“nb”: “Kunngjør noe her”,
“nl”: “Kondig hier iets aan”,
“pl”: “Ogłoś coś tutaj”,
“pt-BR”: “Anuncie algo aqui”,
“pt-PT”: “Anunciar algo aqui”,
“sv”: “Meddela något här”,
“th”: “ประกาศข้อความที่นี่”,
“tr”: “Buraya bir duyuru ekleyin”,
“vi”: “Thông báo điều gì đó tại đây”,
“zh-CN”: “在此处进行公告”,
“zh-TW”: “在此公告資訊”
}
},
{
“type”: “url”,
“id”: “announcement_link”,
“label”: {
“cs”: “Odkaz”,
“da”: “Link”,
“de”: “Link”,
“en”: “Link”,
“es”: “Enlace”,
“fi”: “Linkki”,
“fr”: “Lien”,
“it”: “Link”,
“ja”: “リンク”,
“ko”: “링크”,
“nb”: “Kobling”,
“nl”: “Link”,
“pl”: “Link”,
“pt-BR”: “Link”,
“pt-PT”: “Ligação”,
“sv”: “Länk”,
“th”: “ลิงก์”,
“tr”: “Bağlantı”,
“vi”: “Liên kết”,
“zh-CN”: “链接”,
“zh-TW”: “連結”
},
“info”: {
“cs”: “Volitelné”,
“da”: “Valgfri”,
“de”: “Optional”,
“en”: “Optional”,
“es”: “Opcional”,
“fi”: “Valinnainen”,
“fr”: “Facultatif”,
“it”: “Facoltativo”,
“ja”: “オプション”,
“ko”: “선택 사항”,
“nb”: “Valgfritt”,
“nl”: “Optioneel”,
“pl”: “Opcjonalnie”,
“pt-BR”: “Opcional”,
“pt-PT”: “Opcional”,
“sv”: “Valfritt”,
“th”: “ไม่จำเป็น”,
“tr”: “İsteğe bağlı”,
“vi”: “Không bắt buộc”,
“zh-CN”: “可选”,
“zh-TW”: “(選填)”
}
}
]
}
{% endschema %}

5

I’ve tried all of that but still no look. Could you take a look at my code?

{%- assign logo_width = 695 -%} {%- assign logo_max_width = section.settings.logo_max_width | times: 1 -%} {% if logo_max_width < logo_width %} {%- assign logo_width = logo_max_width -%} {% endif %} .logo__image-wrapper { max-width: {{ logo_width }}px; } /*================= If logo is above navigation ================== */ {% if section.settings.nav_below_logo %} .site-nav { {% if section.settings.show_header_lines %} border-top: 1px solid {{ settings.color_borders }}; border-bottom: 1px solid {{ settings.color_borders }}; {% endif %} margin-top: 30px; } {% unless section.settings.left_aligned_logo %} .logo__image-wrapper { margin: 0 auto; } {% endunless %} {% endif %} /*============ If logo is on the same line as navigation ============ */ {% unless section.settings.nav_below_logo or section.settings.show_header_lines == false %} .site-header .grid--full { border-bottom: 1px solid {{ settings.color_borders }}; padding-bottom: 30px; } {% endunless %} {% unless section.settings.nav_below_logo %} @media screen and (min-width: 769px) { .site-nav { text-align: right!important; } } {% endunless %}

{% if section.settings.show_announcement or section.settings.header_search_enable %}

{% comment %}
Add social links to header
{% endcomment %}

{% comment %}

{% include 'social-links' %}
{% endcomment %}

{% if section.settings.show_announcement %}

{% elsif section.settings.header_search_enable %}
{% include 'search-bar' with 'header' %}
{% endif %}
{% endif %}

{% if shop.customer_accounts_enabled %}

    {% if customer %}
  • {{ 'layout.customer.account' | t }}
  • {{ 'layout.customer.log_out' | t | customer_logout_link }}
    • {% else %}
  • {{ 'layout.customer.log_in' | t | customer_login_link }}
  • {{ 'layout.customer.or' | t }}
  • {{ 'layout.customer.create_account' | t | customer_register_link }}
    • {% endif %}
{% endif %}

{% if section.settings.header_search_enable %}
{% if section.settings.show_announcement %}

{% include 'search-bar' with 'header' %}
{% endif %} {% endif %}
{% if section.settings.show_announcement %} {% if section.settings.announcement_link != blank %} {% endif %} {{ section.settings.header_text | escape }} {% if section.settings.announcement_link != blank %} {% endif %} {% endif %}
{% unless section.settings.nav_menu == blank and section.settings.header_search_enable == false and shop.customer_accounts_enabled == false %} {{ 'layout.navigation.menu' | t }} {% endunless %} {{ 'layout.cart.title' | t }} {{ cart.item_count }}
{% include 'mobile-nav' with linklists[section.settings.nav_menu] %}

{% if section.settings.nav_below_logo %}

{% if request.page_type == 'index' %}

{% else %}
{% endif %} {% if section.settings.logo != blank %} {% capture image_size %}{{ logo_width | escape }}x{% endcapture %}
{{ section.settings.logo | img_url: image_size | img_tag: shop.name }}
{% else %} {{ shop.name }} {% endif %} {% if request.page_type == 'index' %}

{% else %}
{% endif %}
{% include 'site-nav' with linklists[section.settings.nav_menu] %}
{% else %}
{% if request.page_type == 'index' %}

{% else %}
{% endif %} {% if section.settings.logo != blank %} {% capture image_size %}{{ logo_width | escape }}x{% endcapture %}
{{ section.settings.logo | img_url: image_size | img_tag: shop.name }}
{% else %} {{ shop.name }} {% endif %}

{% if request.page_type == ‘index’ %}

{% else %}
{% endif %}
{% include 'site-nav' with linklists[section.settings.nav_menu] %}
{% endif %}

{% schema %}
{
“name”: {
“cs”: “Záhlaví”,
“da”: “Overskrift”,
“de”: “Titel”,
“en”: “Header”,
“es”: “Encabezado”,
“fi”: “Ylätunniste”,
“fr”: “En-tête”,
“it”: “Header”,
“ja”: “ヘッダー”,
“ko”: “헤더”,
“nb”: “Header”,
“nl”: “Koptekst”,
“pl”: “Nagłówek”,
“pt-BR”: “Cabeçalho”,
“pt-PT”: “Cabeçalho”,
“sv”: “Rubrik”,
“th”: “ส่วนหัว”,
“tr”: “Üstbilgi”,
“vi”: “Đầu trang”,
“zh-CN”: “标头”,
“zh-TW”: “標頭”
},
“settings”: [
{
“type”: “checkbox”,
“id”: “header_search_enable”,
“label”: {
“cs”: “Zobrazit lištu vyhledávání”,
“da”: “Vis søgelinje”,
“de”: “Suchleiste anzeigen”,
“en”: “Show search bar”,
“es”: “Mostrar barra de búsqueda”,
“fi”: “Näytä hakupalkki”,
“fr”: “Afficher la barre de recherche”,
“it”: “Mostra barra di ricerca”,
“ja”: “検索バーを表示する”,
“ko”: “검색 바 표시”,
“nb”: “Vis søkefelt”,
“nl”: “Zoekbalk weergeven”,
“pl”: “Pokaż pasek wyszukiwania”,
“pt-BR”: “Mostrar barra de pesquisa”,
“pt-PT”: “Mostrar barra de pesquisa”,
“sv”: “Visa sökfältet”,
“th”: “แสดงแถบการค้นหา”,
“tr”: “Arama çubuğunu göster”,
“vi”: “Hiển thị thanh tìm kiếm”,
“zh-CN”: “显示搜索栏”,
“zh-TW”: “顯示搜尋列”
}
},
{
“type”: “image_picker”,
“id”: “logo”,
“label”: {
“cs”: “Logo”,
“da”: “Logo”,
“de”: “Logo”,
“en”: “Logo”,
“es”: “Logo”,
“fi”: “Logo”,
“fr”: “Logo”,
“it”: “Logo”,
“ja”: “ロゴ”,
“ko”: “로고”,
“nb”: “Logo”,
“nl”: “Logo”,
“pl”: “Logo”,
“pt-BR”: “Logo”,
“pt-PT”: “Logótipo”,
“sv”: “Logotyp”,
“th”: “โลโก้”,
“tr”: “Logo”,
“vi”: “Logo”,
“zh-CN”: “logo”,
“zh-TW”: “商標”
},
“info”: {
“cs”: “Doporučujeme 450 x 200 pixelů”,
“da”: “450 x 200 pixel anbefales”,
“de”: “450 x 200 Pixel empfohlen”,
“en”: “450 x 200px recommended”,
“es”: “450 x 200px recomendado”,
“fi”: “Suositus 450 x 200px”,
“fr”: “450 x 200 px recommandé”,
“it”: “450 x 200 px consigliato”,
“ja”: “450 x 200ピクセルを推奨”,
“ko”: “450x200 픽셀 권장”,
“nb”: “450 x 200 px anbefales”,
“nl”: “450 x 200 px aanbevolen”,
“pl”: “Zalecany rozmiar 450 na 200 pikseli”,
“pt-BR”: “450 x 200 px recomendado”,
“pt-PT”: “450 x 200 píxeis (recomendado)”,
“sv”: “450 x 200px rekommenderas”,
“th”: “แนะนำขนาด 450 x 200 พิกเซล”,
“tr”: “450 x 200 piksel önerilir”,
“vi”: “Đề xuất 450 x 200px”,
“zh-CN”: “推荐使用 450 x 200 像素大小”,
“zh-TW”: “建議使用 450 x 200px”
}
},
{
“type”: “text”,
“id”: “logo_max_width”,
“label”: {
“cs”: “Šířka vlastního loga (v pixelech)”,
“da”: “Tilpasset logobredde (i pixels)”,
“de”: “Benutzerdefinierte Logobreite (Pixel)”,
“en”: “Custom logo width (in pixels)”,
“es”: “Ancho del logo personalizado (en píxeles)”,
“fi”: “Mukautettu logon leveys (pikseleinä)”,
“fr”: “Largeur personnalisée du logo (en pixels)”,
“it”: “Larghezza logo personalizzato (in pixel)”,
“ja”: “ロゴの幅をカスタマイズする (ピクセル単位)”,
“ko”: “사용자 지정 로고 폭 (픽셀)”,
“nb”: “Tilpasset logobredde (i piksler)”,
“nl”: “Aangepaste logobreedte (in pixels)”,
“pl”: “Niestandardowa szerokość logo (w pikselach)”,
“pt-BR”: “Largura do logo personalizado (em pixels)”,
“pt-PT”: “Largura de logótipo personalizada (em píxeis)”,
“sv”: “Anpassad logotypbredd (i pixlar)”,
“th”: “ความกว้างของโลโก้แบบกำหนดเอง (เป็นพิกเซล)”,
“tr”: “Özel logo genişliği (piksel)”,
“vi”: “Chiều rộng logo tùy chỉnh (pixel)”,
“zh-CN”: “自定义 logo 宽度（像素）”,
“zh-TW”: “自訂標誌寬度 (單位為像素)”
},
“default”: {
“cs”: “450”,
“da”: “450”,
“de”: “450”,
“en”: “450”,
“es”: “450”,
“fi”: “450”,
“fr”: “450”,
“it”: “450”,
“ja”: “450”,
“ko”: “450”,
“nb”: “450”,
“nl”: “450”,
“pl”: “450”,
“pt-BR”: “450”,
“pt-PT”: “450”,
“sv”: “450”,
“th”: “450”,
“tr”: “450”,
“vi”: “450”,
“zh-CN”: “450”,
“zh-TW”: “450”
}
},
{
“type”: “header”,
“content”: {
“cs”: “Hlavní nabídka”,
“da”: “Hovedmenu”,
“de”: “Hauptmenü”,
“en”: “Main menu”,
“es”: “Menú principal”,
“fi”: “Päävalikko”,
“fr”: “Menu principal”,
“it”: “Menu principale”,
“ja”: “メインメニュー”,
“ko”: “주 메뉴”,
“nb”: “Hovedmeny”,
“nl”: “Hoofdmenu”,
“pl”: “Menu główne”,
“pt-BR”: “Menu principal”,
“pt-PT”: “Menu principal”,
“sv”: “Huvudmeny”,
“th”: “เมนูหลัก”,
“tr”: “Ana menü”,
“vi”: “Menu chính”,
“zh-CN”: “主菜单”,
“zh-TW”: “主選單”
}
},
{
“type”: “link_list”,
“id”: “nav_menu”,
“label”: {
“cs”: “Nabídka”,
“da”: “Menu”,
“de”: “Menü”,
“en”: “Menu”,
“es”: “Menú”,
“fi”: “Valikko”,
“fr”: “Menu”,
“it”: “Menu”,
“ja”: “メニュー”,
“ko”: “메뉴”,
“nb”: “Meny”,
“nl”: “Menu”,
“pl”: “Menu”,
“pt-BR”: “Menu”,
“pt-PT”: “Menu”,
“sv”: “Meny”,
“th”: “เมนู”,
“tr”: “Menü”,
“vi”: “Menu”,
“zh-CN”: “菜单”,
“zh-TW”: “選單”
},
“default”: “main-menu”
},
{
“type”: “checkbox”,
“id”: “nav_below_logo”,
“label”: {
“cs”: “Zarovnat hlavní nabídku pod logem na střed”,
“da”: “Centrer hovedmenuen under logoet”,
“de”: “Hauptmenü unter Logo zentrieren”,
“en”: “Center main menu below logo”,
“es”: “Centrar el menú principal debajo del logo”,
“fi”: “Keskitä päävalikko logon alle”,
“fr”: “Centrer le menu principal sous le logo”,
“it”: “Centra menu principale sotto il logo”,
“ja”: “ロゴの下のメインメニューを中央寄せする”,
“ko”: “로고 아래 중앙 주요 메뉴”,
“nb”: “Sentrer hovedmeny under logo”,
“nl”: “Centreer hoofdmenu onder logo”,
“pl”: “Wyśrodkuj menu główne pod logo”,
“pt-BR”: “Centralizar menu principal abaixo do logo”,
“pt-PT”: “Centrar menu principal abaixo do logótipo”,
“sv”: “Centrera huvudmeny under logotypen”,
“th”: “จัดเมนูหลักใต้โลโก้ให้อยู่ตรงกลาง”,
“tr”: “Ana menüyü logonun alt kısmına ortala”,
“vi”: “Căn giữa menu chính bên dưới logo”,
“zh-CN”: “在 logo 下方居中显示主菜单”,
“zh-TW”: “將主選單置中並置於商標下方”
}
},
{
“type”: “checkbox”,
“id”: “left_aligned_logo”,
“label”: {
“cs”: “Zarovnat logo doleva”,
“da”: “Venstrejuster logo”,
“de”: “Logo linksbündig ausrichten”,
“en”: “Left-align logo”,
“es”: “Alinear el logo a la izquierda”,
“fi”: “Tasaa logo vasemmalle”,
“fr”: “Aligner le logo à gauche”,
“it”: “Allinea logo a sinistra”,
“ja”: “ロゴを左寄せする”,
“ko”: “왼쪽 맞춤 로고”,
“nb”: “Venstrejuster logo”,
“nl”: “Logo links uitlijnen”,
“pl”: “Wyrównaj logo do lewej”,
“pt-BR”: “Alinhar logo à esquerda”,
“pt-PT”: “Alinhar logótipo à esquerda”,
“sv”: “Vänsterjustera logotypen”,
“th”: “จัดโลโก้ชิดซ้าย”,
“tr”: “Logoyu sola hizala”,
“vi”: “Căn trái logo”,
“zh-CN”: “左对齐 logo”,
“zh-TW”: “將商標靠左對齊”
}
},
{
“type”: “checkbox”,
“id”: “show_header_lines”,
“label”: {
“cs”: “Zobrazit v záhlaví oddělovací čáry”,
“da”: “Vis skillelinjer i sidehoved”,
“de”: “Trennlinien in Header anzeigen”,
“en”: “Show divider lines in header”,
“es”: “Mostrar líneas divisorias en el encabezado”,
“fi”: “Näytä väliviivat otsikossa”,
“fr”: “Afficher les lignes de séparation dans l’en-tête”,
“it”: “Mostra linee divisorie nell’header”,
“ja”: “ヘッダーに分割線を表示する”,
“ko”: “제목에 구분선 표시”,
“nb”: “Vis skillelinjer i topptekst”,
“nl”: “Toon scheidingslijnen in koptekst”,
“pl”: “Pokaż linie podziału w nagłówku”,
“pt-BR”: “Mostrar linhas divisórias no cabeçalho”,
“pt-PT”: “Mostrar linhas divisórias no cabeçalho”,
“sv”: “Visa delningslinjer i rubriken”,
“th”: “แสดงเส้นแบ่งในส่วนหัว”,
“tr”: “Ayırıcı çizgileri üstbilgide göster”,
“vi”: “Hiển thị dòng phân chia ở đầu trang”,
“zh-CN”: “在标头中显示分割线”,
“zh-TW”: “在標頭中顯示分隔線”
}
},
{
“type”: “header”,
“content”: {
“cs”: “Panel oznámení”,
“da”: “Meddelelseslinje”,
“de”: “Ankündigungsbereich”,
“en”: “Announcement bar”,
“es”: “Barra de anuncios”,
“fi”: “Ilmoituspalkki”,
“fr”: “Barre d’annonces”,
“it”: “Barra degli annunci”,
“ja”: “告知バー”,
“ko”: “공지 표시줄”,
“nb”: “Kunngjøringslinje”,
“nl”: “Aankondigingsbalk”,
“pl”: “Pasek ogłoszeń”,
“pt-BR”: “Barra de avisos”,
“pt-PT”: “Barra de comunicado”,
“sv”: “Meddelandefält”,
“th”: “แถบประกาศ”,
“tr”: “Duyuru çubuğu”,
“vi”: “Thanh thông báo”,
“zh-CN”: “公告栏”,
“zh-TW”: “公告列”
}
},
{
“type”: “checkbox”,
“id”: “show_announcement”,
“label”: {
“cs”: “Zobrazit oznámení”,
“da”: “Vis meddelelse”,
“de”: “Ankündigung anzeigen”,
“en”: “Show announcement”,
“es”: “Mostrar anuncio”,
“fi”: “Näytä ilmoitus”,
“fr”: “Afficher l’annonce”,
“it”: “Mostra annuncio”,
“ja”: “告知を表示する”,
“ko”: “공지 표시”,
“nb”: “Vis kunngjøring”,
“nl”: “Aankondiging weergeven”,
“pl”: “Pokaż ogłoszenie”,
“pt-BR”: “Mostrar comunicado”,
“pt-PT”: “Mostrar comunicado”,
“sv”: “Visa tillkännagivande”,
“th”: “แสดงประกาศ”,
“tr”: “Duyuruyu göster”,
“vi”: “Hiển thị thông báo”,
“zh-CN”: “显示公告”,
“zh-TW”: “顯示公告”
},
“default”: true
},
{
“type”: “text”,
“id”: “header_text”,
“label”: {
“cs”: “Text”,
“da”: “Tekst”,
“de”: “Text”,
“en”: “Text”,
“es”: “Texto”,
“fi”: “Teksti”,
“fr”: “Texte”,
“it”: “Testo”,
“ja”: “テキスト”,
“ko”: “텍스트”,
“nb”: “Tekst”,
“nl”: “Tekst”,
“pl”: “Tekst”,
“pt-BR”: “Texto”,
“pt-PT”: “Texto”,
“sv”: “Text”,
“th”: “ข้อความ”,
“tr”: “Metin”,
“vi”: “Văn bản”,
“zh-CN”: “文本”,
“zh-TW”: “文字”
},
“default”: {
“cs”: “Tady můžete zadat oznámení”,
“da”: “Meddel noget her”,
“de”: “Hier etwas ankündigen”,
“en”: “Announce something here”,
“es”: “Anuncia algo aquí”,
“fi”: “Ilmoita jotakin tässä”,
“fr”: “Annoncez quelque chose ici”,
“it”: “Annuncia qualcosa qui”,
“ja”: “ここで告知してください”,
“ko”: “여기에 공지하십시오”,
“nb”: “Kunngjør noe her”,
“nl”: “Kondig hier iets aan”,
“pl”: “Ogłoś coś tutaj”,
“pt-BR”: “Anuncie algo aqui”,
“pt-PT”: “Anunciar algo aqui”,
“sv”: “Meddela något här”,
“th”: “ประกาศข้อความที่นี่”,
“tr”: “Buraya bir duyuru ekleyin”,
“vi”: “Thông báo điều gì đó tại đây”,
“zh-CN”: “在此处进行公告”,
“zh-TW”: “在此公告資訊”
}
},
{
“type”: “url”,
“id”: “announcement_link”,
“label”: {
“cs”: “Odkaz”,
“da”: “Link”,
“de”: “Link”,
“en”: “Link”,
“es”: “Enlace”,
“fi”: “Linkki”,
“fr”: “Lien”,
“it”: “Link”,
“ja”: “リンク”,
“ko”: “링크”,
“nb”: “Kobling”,
“nl”: “Link”,
“pl”: “Link”,
“pt-BR”: “Link”,
“pt-PT”: “Ligação”,
“sv”: “Länk”,
“th”: “ลิงก์”,
“tr”: “Bağlantı”,
“vi”: “Liên kết”,
“zh-CN”: “链接”,
“zh-TW”: “連結”
},
“info”: {
“cs”: “Volitelné”,
“da”: “Valgfri”,
“de”: “Optional”,
“en”: “Optional”,
“es”: “Opcional”,
“fi”: “Valinnainen”,
“fr”: “Facultatif”,
“it”: “Facoltativo”,
“ja”: “オプション”,
“ko”: “선택 사항”,
“nb”: “Valgfritt”,
“nl”: “Optioneel”,
“pl”: “Opcjonalnie”,
“pt-BR”: “Opcional”,
“pt-PT”: “Opcional”,
“sv”: “Valfritt”,
“th”: “ไม่จำเป็น”,
“tr”: “İsteğe bağlı”,
“vi”: “Không bắt buộc”,
“zh-CN”: “可选”,
“zh-TW”: “(選填)”
}
}
]
}
{% endschema %}

6

Hi @goosha ,

You can upload an image to the logo in the Customize header. It just helps to activate the conditions in the code, then everything will display fine.

If still not successful, please send me the site link. I will check it.