{%- liquid assign main_menu = linklists[section.settings.main_menu_link_list] assign logo_alignment = 'left' assign nav_position = 'below' if section.settings.main_menu_alignment == 'left' or section.settings.main_menu_alignment == 'left-center' assign nav_position = 'beside' endif if section.settings.main_menu_alignment == 'center' assign logo_alignment = 'center' endif assign template_name = template | replace: '.', ' ' | truncatewords: 2, '' | handle assign overlay_header = false if template_name == 'index' and section.settings.sticky_index assign overlay_header = true endif if template_name contains 'collection' and collection.image and section.settings.sticky_collection assign overlay_header = true endif -%}

{%- if nav_position == 'below' and logo_alignment == 'left' -%}

{%- endif -%} {%- if logo_alignment == 'left' -%}

{%- render 'header-logo-block', section: section -%}

{%- endif -%} {%- if nav_position == 'below' -%}

{%- if logo_alignment == 'center' -%} {%- endif -%} {%- render 'header-search' -%}

{%- endif -%} {%- if nav_position == 'beside' -%}

{%- render 'header-desktop-nav', main_menu: main_menu, nav_position: nav_position, show_mega_products: section.settings.mega_products -%}

{%- endif -%} {%- if logo_alignment == 'center' -%}

{%- render 'header-logo-block', section: section -%}

{%- endif -%}

{%- render 'header-icons', section: section, nav_position: nav_position -%}

{%- render 'header-search' -%}

{%- if nav_position == 'below' -%}

{%- render 'header-desktop-nav', main_menu: main_menu, nav_position: nav_position, show_mega_products: section.settings.mega_products -%}

{%- render 'header-search' -%}

{%- endif -%}

{%- render 'header-cart-drawer' -%}

{%- render 'header-mobile-nav', main_menu: main_menu -%} {%- if section.settings.header_footer_menu -%}

{%- endif -%}

{%- if settings.predictive_search_enabled or settings.search_top_collection != blank -%} {%- endif -%}

{% schema %} { "name": "Header", "class": "header-section", "settings": [ { "type": "link_list", "id": "main_menu_link_list", "label": "Navigation", "default": "main-menu" }, { "type": "select", "id": "main_menu_alignment", "label": "Layout", "default": "below", "options": [ { "value": "below", "label": "Logo left, menu below" }, { "value": "left", "label": "Logo left, menu left" }, { "value": "left-center", "label": "Logo left, menu center" }, { "value": "center", "label": "Logo center, menu below" } ] }, { "type": "checkbox", "id": "mega_products", "label": "Show first product in mega menus", "info": "[Learn more](https://archetypethemes.co/blogs/expanse/how-do-i-create-a-mega-menu)", "default": true }, { "type": "checkbox", "id": "header_sticky", "label": "Enable sticky header", "default": true, "info": "Recommended" }, { "type": "text", "id": "phone_number", "label": "Phone Number", "default": "01 234 56789" }, { "type": "checkbox", "id": "header_footer_menu", "label": "Show footer content on mobile menu", "default": true, "info": "Recommended" }, { "type": "checkbox", "id": "sticky_index", "label": "Overlay header over home page", "default": false }, { "type": "checkbox", "id": "sticky_collection", "label": "Overlay header over collection", "info": "(if collection image is enabled)", "default": false } ], "blocks": [ { "type": "logo", "name": "Logo", "limit": 1, "settings": [ { "type": "image_picker", "id": "logo", "label": "Logo" }, { "type": "image_picker", "id": "logo-inverted", "label": "White logo", "info": "Used when on top of an image" }, { "type": "range", "id": "desktop_logo_width", "label": "Desktop logo width", "default": 200, "min": 100, "max": 400, "step": 10, "unit": "px" }, { "type": "range", "id": "mobile_logo_width", "label": "Mobile logo width", "default": 140, "min": 60, "max": 200, "step": 10, "unit": "px", "info": "Set as a max-width, may appear smaller" } ] } ], "default": { "settings": {} } } {% endschema %}