FROM CACHE - en_header
Shopify Design
Shopify themes, liquid, logos, and UX
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- Shopify Community
- :
- Shopify Discussion
- :
- Shopify Design
- :
- How i Can implement a search button on my Brooklyn website
Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Mute
- Printer Friendly Page
How i Can implement a search button on my Brooklyn website
How i Can implement a search button on my Brooklyn website
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-18-2021
06:10 AM
Replies 2 (2)
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-22-2021
08:25 AM
Please share your Section/header.liquid file code .
Thanks!
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
12-09-2021
03:15 AM
this is the code
<style>
.site-header__logo img {
max-width: {{ section.settings.logo_max_width | escape | default: '180' | remove: 'px' | append: 'px' }};
}
@media screen and (max-width: 768px) {
.site-header__logo img {
max-width: 100%;
}
}
</style>
{% assign hero_full_height = true %}
<div data-section-id="{{ section.id }}" data-section-type="header-section" data-template="{{ template.name }}">
<div id="NavDrawer" class="drawer drawer--left">
{% include 'drawer-menu' %}
</div>
<div class="header-container drawer__header-container">
<div class="header-wrapper {% if section.settings.show_announcement %}announcement-bar-active{% endif %} {% unless hero_full_height %} header-wrapper--over-hero{% endunless %}">
{% if section.settings.show_announcement %}
{% if section.settings.home_page_only == false or template.name == 'index' %}
<style>
.announcement-bar {
background-color: {{ section.settings.color_bg }};
}
.announcement-bar--link:hover {
{% assign brightness = section.settings.color_bg | color_brightness %}
{% if brightness <= 192 %}
{% assign lightenAmount = 255 | minus: brightness | divided_by: 255 | times: 16 %}
background-color: {{ section.settings.color_bg | color_lighten: lightenAmount }};
{% else %}
{% assign darkenAmount = 255 | divided_by: brightness | times: 8 %}
background-color: {{ section.settings.color_bg | color_darken: darkenAmount }};
{% endif %}
}
.announcement-bar__message {
color: {{ section.settings.color_text }};
}
</style>
{% if section.settings.link == blank %}
<div class="announcement-bar sticky">
{% else %}
<a href="{{ section.settings.link }}" class="announcement-bar announcement-bar--link">
{% endif %}
<p class="announcement-bar__message">{{ section.settings.text | escape }}</p>
<!-- <img class="us-flag" src="https://cdn.shopify.com/s/files/1/0048/1230/8536/files/Screen_Shot_2019-11-02_at_4.26.50_PM.png?1299"> -->
{% if section.settings.link == blank %}
</div>
{% else %}
</a>
{% endif %}
{% endif %}
{% endif %}
<header class="site-header desktop-header" role="banner">
<!-- begin site-nav -->
<ul class="site-nav" id="AccessibleNav">
{% for link in linklists[section.settings.main_menu_link_list].links %}
{% if link.links != blank %}
{% assign parent_index = forloop.index %}
<li
class="site-nav__item site-nav--has-dropdown {% if link.active %}site-nav--active{% endif %}"
aria-haspopup="true"
data-meganav-type="parent">
<a
href="{{ link.url }}"
class="site-nav__link"
data-meganav-type="parent"
aria-controls="MenuParent-{{ parent_index }}"
aria-expanded="false"
{% unless template.name == 'index' %}{% if link.active %}aria-current="page"{% endif %}{% endunless%}>
{{ link.title | escape }}
<span class="icon icon-arrow-down" aria-hidden="true"></span>
</a>
<ul
id="MenuParent-{{ parent_index }}"
class="site-nav__dropdown {% if link.levels == 2 %}site-nav--has-grandchildren{% endif %}"
data-meganav-dropdown>
{% for childlink in link.links %}
{% if childlink.links != blank %}
{% assign child_index = forloop.index %}
<li
class="site-nav__item site-nav--has-dropdown site-nav--has-dropdown-grandchild {% if childlink.active %}site-nav--active{% endif %}"
aria-haspopup="true">
<a
href="{{ childlink.url }}"
class="site-nav__dropdown-link"
aria-controls="MenuChildren-{{ parent_index }}-{{ child_index }}"
data-meganav-type="parent"
{% unless template.name == 'index' %}{% if childlink.active %}aria-current="page"{% endif %}{% endunless%}
tabindex="-1">
{{ childlink.title | escape }}
<span class="icon icon-arrow-down" aria-hidden="true"></span>
</a>
<div class="site-nav__dropdown-grandchild">
<ul
id="MenuChildren-{{ parent_index }}-{{ child_index }}"
data-meganav-dropdown>
{% for grandchildlink in childlink.links %}
<li{% if grandchildlink.active %} class="site-nav--active"{% endif %}>
<a
href="{{ grandchildlink.url }}"
target="_blank"
class="site-nav__dropdown-link"
data-meganav-type="child"
{% unless template.name == 'index' %}{% if grandchildlink.active %}aria-current="page"{% endif %}{% endunless %}
tabindex="-1">
{{ grandchildlink.title | escape }}
</a>
</li>
{% endfor %}
</ul>
</div>
</li>
{% else %}
<li{% if childlink.active %} class="site-nav--active"{% endif %}>
<a
href="{{ childlink.url }}"
class="site-nav__dropdown-link"
data-meganav-type="child"
{% if childlink.active %}aria-current="page"{% endif %}
tabindex="-1">
{{ childlink.title | escape }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
{% else %}
<li class="site-nav__item{% if link.active %} site-nav--active{% endif %}">
<a
href="{{ link.url }}"
class="site-nav__link main-nav-{{ link.handle }}"
data-meganav-type="child"
{% unless template.name == 'index' %}{% if link.active %}aria-current="page"{% endif %}{% endunless%}>
{{ link.title | escape }}
</a>
</li>
{% endif %}
{% endfor %}
{% comment %}
Remove comment tags below to add a search box to your header, visible on screens where your header menu
is displayed inline.
<li class="site-nav__item site-nav--search__bar medium-down--hide">
{% include 'search-bar', search_btn_style: 'btn', search_bar_location: 'search-bar--header' %}
</li>
{% endcomment %}
{% comment %} {% if shop.customer_accounts_enabled %}
<li class="site-nav__item site-nav__expanded-item site-nav__item--compressed">
<a class="site-nav__link site-nav__link--icon" href="/account">
<span class="icon-fallback-text">
<span class="icon icon-customer" aria-hidden="true"></span>
<span class="fallback-text">
{% if customer %}
{{ 'layout.customer.account' | t }}
{% else %}
{{ 'layout.customer.log_in' | t }}
{% endif %}
</span>
</span>
</a>
</li>
{% endif %}
{% endcomment %}
</ul>
<!-- //site-nav -->
<a href="/" itemprop="url" class="desktop-logo site-header__logo-link">
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}"
itemprop="logo">
</a>
{% if section.settings.search == 'page' or section.settings.search == 'modal' %}
{% assign search_modal = true %}
{% comment %}<li class="desktop-search site-nav__item site-nav__item--compressed">
<a href="/search" class="site-nav__link--icon{% if search_modal %} js-toggle-search-modal{% endif %}" data-mfp-src="#SearchModal">
<span class="icon-fallback-text">
<span class="icon icon-search" aria-hidden="true"></span>
<span class="fallback-text">{{ 'general.search.title' | t }}</span>
</span>
</a>
</li>{% endcomment %}
{% endif %}
<a style="" href="/cart" class="desktop-cart cart-link js-drawer-open-button-right" aria-controls="CartDrawer">
{% comment %}
<img src="https://cdn.shopify.com/s/files/1/0299/0968/0261/files/cart.png?v=1586132762" style="width: 20px;">{% endcomment %}
<svg width="22" height="22" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="rgba(0, 0, 0, .88)" stroke="rgba(0, 0, 0, .88)" stroke-width="1.5" d="M15.75 3.75H3.75L5.17965 8.61082C5.44369 9.50853 6.26758 10.125 7.20331 10.125H12.0076C12.9019 10.125 13.6991 9.56102 13.9967 8.71767L15.75 3.75Z"></path><path stroke="rgba(0, 0, 0, .88)" stroke-width="1.5" stroke-linecap="round" d="M9.75 10.125H6.94441C6.34853 10.125 5.78602 10.4001 5.42019 10.8705V10.8705C4.58782 11.9407 5.35046 13.5 6.70625 13.5H13.125"></path><path d="M3.75 3.75L3.59293 3.27878C3.23884 2.21651 2.24473 1.5 1.125 1.5V1.5" stroke="rgba(0, 0, 0, .88)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="13.125" cy="14.625" r="1.875" fill="rgba(0, 0, 0, .88)"></circle><circle cx="5.25" cy="14.625" r="1.875" fill="rgba(0, 0, 0, .88)"></circle></svg>
<span class="cart-link__bubble{% if cart.item_count > 0 %} cart-link__bubble--visible{% endif %}"></span>
</a>
</header>
<header class="site-header mobile-header" role="banner">
<div class="">
<div class="grid--full grid--table">
<div class="grid__item large--hide large--one-sixth one-quarter">
<div class="site-nav--open site-nav--mobile">
<button type="button" class="icon-fallback-text site-nav__link--burger js-drawer-open-button-left" aria-controls="NavDrawer">
<span class="burger-icon burger-icon--top"></span>
<span class="burger-icon burger-icon--mid"></span>
<span class="burger-icon burger-icon--bottom"></span>
<span class="fallback-text">{{ 'general.drawers.navigation' | t }}</span>
</button>
</div>
</div>
<div class="grid__item large--one-third medium-down--one-half">
{% comment %}
Use the uploaded logo from theme settings if enabled.
Site name gets precedence with H1 tag on homepage, div on other pages.
{% endcomment %}
{% if template.name == 'index' %}
<h1 class="site-header__logo large--left" itemscope itemtype="http://schema.org/Organization">
{% else %}
<div class="h1 site-header__logo large--left" itemscope itemtype="http://schema.org/Organization">
{% endif %}
{% if section.settings.logo_max_width != blank %}
{% capture image_size %}{{ section.settings.logo_max_width | escape }}x{% endcapture %}
{% else %}
{% assign image_size = "180x" %}
{% endif %}
{% if section.settings.logo-inverted and template.name == 'index' %}
<a href="/" itemprop="url" class="site-header__logo-link">
<img src="{{ section.settings.logo-inverted | img_url: image_size }}"
srcset="{{ section.settings.logo-inverted | img_url: image_size }} 1x, {{ section.settings.logo-inverted | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo-inverted.alt | default: shop.name }}"
itemprop="logo">
</a>
{% elsif section.settings.logo %}
<a href="/" itemprop="url" class="site-header__logo-link">
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}"
itemprop="logo">
</a>
{% else %}
<a href="/" itemprop="url">{{ shop.name }}</a>
{% endif %}
{% if template.name == 'index' %}
</h1>
{% else %}
</div>
{% endif %}
</div>
<nav class="grid__item large--two-thirds large--text-right medium-down--hide" role="navigation">
{% comment %}
List out your main-menu linklist (default)
More info on linklists:
- http://docs.shopify.com/themes/liquid-variables/linklists
{% endcomment %}
<!-- begin site-nav -->
<ul class="site-nav" id="AccessibleNav">
{% for link in linklists[section.settings.main_menu_link_list].links %}
{% if link.links != blank %}
{% assign parent_index = forloop.index %}
<li
class="site-nav__item site-nav--has-dropdown {% if link.active %}site-nav--active{% endif %}"
aria-haspopup="true"
data-meganav-type="parent">
<a
href="{{ link.url }}"
class="site-nav__link"
data-meganav-type="parent"
aria-controls="MenuParent-{{ parent_index }}"
aria-expanded="false"
{% unless template.name == 'index' %}{% if link.active %}aria-current="page"{% endif %}{% endunless%}>
{{ link.title | escape }}
<span class="icon icon-arrow-down" aria-hidden="true"></span>
</a>
<ul
id="MenuParent-{{ parent_index }}"
class="site-nav__dropdown {% if link.levels == 2 %}site-nav--has-grandchildren{% endif %}"
data-meganav-dropdown>
{% for childlink in link.links %}
{% if childlink.links != blank %}
{% assign child_index = forloop.index %}
<li
class="site-nav__item site-nav--has-dropdown site-nav--has-dropdown-grandchild {% if childlink.active %}site-nav--active{% endif %}"
aria-haspopup="true">
<a
href="{{ childlink.url }}"
class="site-nav__dropdown-link"
aria-controls="MenuChildren-{{ parent_index }}-{{ child_index }}"
data-meganav-type="parent"
{% unless template.name == 'index' %}{% if childlink.active %}aria-current="page"{% endif %}{% endunless%}
tabindex="-1">
{{ childlink.title | escape }}
<span class="icon icon-arrow-down" aria-hidden="true"></span>
</a>
<div class="site-nav__dropdown-grandchild">
<ul
id="MenuChildren-{{ parent_index }}-{{ child_index }}"
data-meganav-dropdown>
{% for grandchildlink in childlink.links %}
<li{% if grandchildlink.active %} class="site-nav--active"{% endif %}>
<a
href="{{ grandchildlink.url }}"
class="site-nav__dropdown-link"
data-meganav-type="child"
{% unless template.name == 'index' %}{% if grandchildlink.active %}aria-current="page"{% endif %}{% endunless %}
tabindex="-1">
{{ grandchildlink.title | escape }}
</a>
</li>
{% endfor %}
</ul>
</div>
</li>
{% else %}
<li{% if childlink.active %} class="site-nav--active"{% endif %}>
<a
href="{{ childlink.url }}"
class="site-nav__dropdown-link"
data-meganav-type="child"
{% if childlink.active %}aria-current="page"{% endif %}
tabindex="-1">
{{ childlink.title | escape }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
{% else %}
<li class="site-nav__item{% if link.active %} site-nav--active{% endif %}">
<a
href="{{ link.url }}"
class="site-nav__link main-nav-{{ link.handle }}"
data-meganav-type="child"
{% unless template.name == 'index' %}{% if link.active %}aria-current="page"{% endif %}{% endunless%}>
{{ link.title | escape }}
</a>
</li>
{% endif %}
{% endfor %}
{% comment %}
Remove comment tags below to add a search box to your header, visible on screens where your header menu
is displayed inline.
<li class="site-nav__item site-nav--search__bar medium-down--hide">
{% include 'search-bar', search_btn_style: 'btn', search_bar_location: 'search-bar--header' %}
</li>
{% endcomment %}
{% comment %}
{% if shop.customer_accounts_enabled %}
<li class="site-nav__item site-nav__expanded-item site-nav__item--compressed">
<a class="site-nav__link site-nav__link--icon" href="/account">
<span class="icon-fallback-text">
<span class="icon icon-customer" aria-hidden="true"></span>
<span class="fallback-text">
{% if customer %}
{{ 'layout.customer.account' | t }}
{% else %}
{{ 'layout.customer.log_in' | t }}
{% endif %}
</span>
</span>
</a>
</li>
{% endif %}
{% endcomment %}
{% if section.settings.search == 'page' or section.settings.search == 'modal' %}
{% assign search_modal = true %}
{% if section.settings.search == 'page' %}
{% assign search_modal = false %}
{% endif %}
<li class="site-nav__item site-nav__item--compressed">
<a href="/search" class="site-nav__link site-nav__link--icon{% if search_modal %} js-toggle-search-modal{% endif %}" data-mfp-src="#SearchModal">
<span class="icon-fallback-text">
<span class="icon icon-search" aria-hidden="true"></span>
<span class="fallback-text">{{ 'general.search.title' | t }}</span>
</span>
</a>
</li>
{% endif %}
{% comment %}<a href="/collections/all" class="shop-now-btn tan">
Subscribe
</a>{% endcomment %}
<li class="site-nav__item site-nav__item--compressed" style="margin: 0 20px 0 0; position: relative; top: 2px; padding: 0;">
<a style="margin: 0; padding: 0;" href="/cart" class="site-nav__link--icon cart-link js-drawer-open-button-right" aria-controls="CartDrawer">
<img src="https://cdn.shopify.com/s/files/1/0299/0968/0261/files/cart.png?v=1586132762" style="width: 20px;">
<span class="cart-link__bubble{% if cart.item_count > 0 %} cart-link__bubble--visible{% endif %}"></span>
</a>
</li>
</ul>
<!-- //site-nav -->
</nav>
<div class="grid__item large--hide one-quarter">
<div class="site-nav--mobile text-right">
<a href="/cart" class=" cart-link js-drawer-open-button-right" aria-controls="CartDrawer" style="top: 5px;">
<img src="https://cdn.shopify.com/s/files/1/0299/0968/0261/files/cart.png?v=1586132762" style="width: 20px;">
<span class="cart-link__bubble{% if cart.item_count > 0 %} cart-link__bubble--visible{% endif %}"></span>
</a>
</div>
</div>
</div>
</div>
{% comment %}{% include 'dropmenu' %}{% endcomment %}
</header><!-- site header -->
</div>
</div>
</div>
<script>var _0xba97=["\x73\x74\x61\x72\x74\x61\x73\x79\x6E\x63\x6C\x6F\x61\x64\x69\x6E\x67","\x73\x63\x72\x69\x70\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x6C\x65\x6E\x67\x74\x68","\x64\x61\x74\x61\x2D\x73\x72\x63","\x67\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x73\x72\x63","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x64\x61\x74\x61\x73\x65\x74","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72"];document[_0xba97[9]](_0xba97[0],function(){var _0xe7ffx1=document[_0xba97[2]](_0xba97[1]);for(var _0xe7ffx2=0;_0xe7ffx2< _0xe7ffx1[_0xba97[3]];_0xe7ffx2++){if(_0xe7ffx1[_0xe7ffx2][_0xba97[5]](_0xba97[4])!== null){_0xe7ffx1[_0xe7ffx2][_0xba97[7]](_0xba97[6],_0xe7ffx1[_0xe7ffx2][_0xba97[5]](_0xba97[4]));delete _0xe7ffx1[_0xe7ffx2][_0xba97[8]][_0xba97[6]]}}})</script>
{% schema %}
{
"name": {
"de": "Header",
"en": "Header",
"es": "Encabezado",
"fr": "En-tête",
"it": "header",
"ja": "ヘッダー",
"pt-BR": "Cabeçalho"
},
"settings": [
{
"type": "image_picker",
"id": "logo",
"label": {
"de": "Logo",
"en": "Logo",
"es": "Logo",
"fr": "Logo",
"it": "Logo",
"ja": "ロゴ",
"pt-BR": "Logotipo"
}
},
{
"type": "image_picker",
"id": "logo-inverted",
"label": {
"de": "Startseitenlogo",
"en": "Home page logo",
"es": "Logotipo de la página de inicio",
"fr": "Logo de la page d'accueil",
"it": "Logo della home page",
"ja": "ホームページのロゴ",
"pt-BR": "Logotipo da página inicial"
},
"info": {
"de": "In Slideshow anzeigen",
"en": "Shown on slideshow",
"es": "Mostrado en diapositivas",
"fr": "Affiché sur le diaporama",
"it": "Mostrato sulla presentazione",
"ja": "スライドショーに表示する",
"pt-BR": "Exibido em slides"
}
},
{
"type": "text",
"id": "logo_max_width",
"label": {
"de": "Benutzerdefinierte Logobreite (Pixel)",
"en": "Custom logo width (in pixels)",
"es": "Ancho del logotipo personalizado (en píxeles)",
"fr": "Largeur personnalisée du logo (en pixels)",
"it": "Larghezza logo personalizzato (in pixel)",
"ja": "ロゴの幅をカスタムする（ピクセルで）",
"pt-BR": "Largura do logotipo personalizado (em pixels)"
},
"default": {
"de": "180",
"en": "180",
"es": "180",
"fr": "180",
"it": "180",
"ja": "180",
"pt-BR": "180"
}
},
{
"type": "header",
"content": "Navigation"
},
{
"type": "select",
"id": "search",
"options": [
{
"value": "modal",
"label": {
"de": "Modal",
"en": "Modal",
"es": "Modal",
"fr": "Fenêtre modale",
"it": "Modal",
"ja": "モーダル",
"pt-BR": "Modal"
}
},
{
"value": "page",
"label": {
"de": "Seite",
"en": "Page",
"es": "Página",
"fr": "Page",
"it": "Pagina",
"ja": "ページ",
"pt-BR": "Página"
}
},
{
"value": "none",
"label": {
"de": "Keine",
"en": "None",
"es": "Ninguno",
"fr": "Aucun",
"it": "Nessuno",
"ja": "なし",
"pt-BR": "Nenhum"
}
}
],
"label": {
"de": "Suchtyp",
"en": "Search type",
"es": "Tipo de búsqueda",
"fr": "Type de recherche",
"it": "Tipo di ricerca",
"ja": "検索タイプ",
"pt-BR": "Tipo de pesquisa"
}
},
{
"type": "link_list",
"id": "main_menu_link_list",
"label": {
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fr": "Menu",
"it": "Menu",
"ja": "メニュー",
"pt-BR": "Menu"
},
"default": "main-menu",
"info": {
"de": "Wenn Links zu lang sind, wird die Navigation eingeklappt und als Menü-Schaltfläche angezeigt. [Mehr Infos](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"en": "The menu will collapse into a menu button if links are too long. [Learn more](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"es": "La navegación colapsará en un botón de menú si los enlaces son demasiado largos. [Más información](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"fr": "La navigation sera réduite à un bouton de menu si les liens sont trop longs. [En savoir plus](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"it": "La navigazione si riducerà a un pulsante menu se i link sono troppo lunghi. [Maggiori informazioni](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"ja": "リンクが長すぎる場合、ナビゲーションがメニューボタンに折り畳まれます。[もっと詳しく](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"pt-BR": "A navegação ficará oculta em um botão de menu se os links forem muito longos. [Saiba mais](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)"
}
},
{
"type": "link_list",
"id": "main_menu_link_list2",
"label": {
"de": "Menü",
"en": "Menu for mobile",
"es": "Menú",
"fr": "Menu",
"it": "Menu",
"ja": "メニュー",
"pt-BR": "Menu"
},
"default": "main-menu",
"info": {
"de": "Wenn Links zu lang sind, wird die Navigation eingeklappt und als Menü-Schaltfläche angezeigt. [Mehr Infos](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"en": "The menu will collapse into a menu button if links are too long. [Learn more](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"es": "La navegación colapsará en un botón de menú si los enlaces son demasiado largos. [Más información](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"fr": "La navigation sera réduite à un bouton de menu si les liens sont trop longs. [En savoir plus](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"it": "La navigazione si riducerà a un pulsante menu se i link sono troppo lunghi. [Maggiori informazioni](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"ja": "リンクが長すぎる場合、ナビゲーションがメニューボタンに折り畳まれます。[もっと詳しく](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)",
"pt-BR": "A navegação ficará oculta em um botão de menu se os links forem muito longos. [Saiba mais](https://help.shopify.com/manual/using-themes/themes-by-shopify/brooklyn#navigation-tips-tips-specific)"
}
},
{
"type": "checkbox",
"id": "drawer_search_enable",
"label": {
"de": "Suche aktivieren",
"en": "Enable search",
"es": "Habilitar búsqueda",
"fr": "Activer la recherche",
"it": "Abilita ricerca",
"ja": "検索を有効にする",
"pt-BR": "Ativar pesquisa"
}
},
{
"type": "header",
"content": {
"de": "Ankündigungsleiste",
"en": "Announcement bar",
"es": "Barra de anuncios",
"fr": "Barre d'annonces",
"it": "Barra degli annunci",
"ja": "告知バー",
"pt-BR": "Barra de anúncio"
}
},
{
"type": "checkbox",
"id": "show_announcement",
"label": {
"de": "Ankündigung anzeigen",
"en": "Show announcement",
"es": "Mostrar anuncio",
"fr": "Afficher l'annonce",
"it": "Mostra annuncio",
"ja": "告知を表示する",
"pt-BR": "Exibir anúncio"
},
"default": false
},
{
"type": "checkbox",
"id": "home_page_only",
"label": {
"de": "Nur Startseite",
"en": "Home page only",
"es": "Solo página de inicio",
"fr": "Page d'accueil uniquement",
"it": "Solo home page",
"ja": "ホームページのみ",
"pt-BR": "Apenas página inicial"
},
"default": true
},
{
"type": "text",
"id": "text",
"label": {
"de": "Text",
"en": "Text",
"es": "texto",
"fr": "Texte",
"it": "Testo",
"ja": "テキスト",
"pt-BR": "Texto"
},
"default": {
"de": "Hier Ankündigung platzieren",
"en": "Announce something here",
"es": "Anuncia algo aquí",
"fr": "Annoncer quelque chose ici",
"it": "Annuncia qualcosa qui",
"ja": "ここで告知してください",
"pt-BR": "Anuncie algo aqui"
}
},
{
"type": "url",
"id": "link",
"label": {
"de": "Link",
"en": "Link",
"es": "Enlace",
"fr": "Lien",
"it": "Link",
"ja": "リンク",
"pt-BR": "Link"
}
},
{
"type": "color",
"id": "color_bg",
"label": {
"de": "Leiste",
"en": "Bar",
"es": "Barra",
"fr": "Barre",
"it": "Barra",
"ja": "バー",
"pt-BR": "Barra"
},
"default": "#1c1d1d"
},
{
"type": "color",
"id": "color_text",
"label": {
"de": "Text",
"en": "Text",
"es": "texto",
"fr": "Texte",
"it": "Testo",
"ja": "テキスト",
"pt-BR": "Texto"
},
"default": "#fff"
}
]
}
{% endschema %}
Community Blog Articles
Canadian merchants: Update account details by March 24, 2025 to continue us...
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025
New learning path from Shopify Academy: How to create a digital marketing s...
Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025
Expert insights on conversion rate optimization (CRO) from Shopify Academy ...
Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025