Hi there, this is the content of the "header.liquid"code on my theme. It’s quite long - apologies in advance.
{%- liquid
assign language_selector = false
assign country_selector = false
if section.settings.show_country_selector and localization.available_countries.size > 1
assign country_selector = true
endif
if section.settings.show_language_selector and localization.available_languages.size > 1
assign language_selector = true
endif
-%}
{% if section.settings.logo != blank %}
.logo img { width: {{ section.settings.mobile_logo_width | escape }}px; }
@media(min-width:768px){
.logo img { width: {{ section.settings.desktop_logo_width | escape }}px; }
}
{% else %}
{%- assign logo_font_size_mobile = section.settings.mobile_logo_width | divided_by: 6 | round -%}
{%- assign logo_font_size_desktop = section.settings.desktop_logo_width | divided_by: 6 | round -%}
.logo { font-size: {{ logo_font_size_mobile }}px; }
@media(min-width:768px){
.logo { font-size: {{ logo_font_size_desktop }}px; }
}
{% endif %}
.cc-announcement {
{% if section.settings.announcement_text_size > 16 %}
font-size: 16px;
{% else %}
font-size: {{ section.settings.announcement_text_size }}px;
{% endif %}
}
@media (min-width: 768px) {
.cc-announcement {
font-size: {{ section.settings.announcement_text_size }}px;
}
}
{% comment %} A hidden form to handle when the checkout button is pressed on the add to cart popup {% endcomment %}
{% if template == ‘gift_card’ %}
{% comment %} Gift card template logo {% endcomment %}
{% else %}
{% assign featured_links = section.settings.nav_featured_link | split: ', ’ %}
{% capture logo_html %}
{% if template == ‘index’ and section.settings.logo_h1 %}
{% endif %}
{% if section.settings.logo != blank %}
{% assign double_logo_width = section.settings.logo_width | default: 250 | times: 2 %}
{% capture img_size %}{% if double_logo_width > 2048 %}2048{% else %}{{ double_logo_width }}{% endif %}x{% endcapture %}
![{{ shop.name | escape }}]()
{% if section.settings.alt_logo != blank %}
![{{ shop.name | escape }}]()
{% endif %}
{% else %}
{{ shop.name | escape }}
{% endif %}
{% if template == ‘index’ and section.settings.logo_h1 %}
{% endif %}
{% endcapture %}
{%- capture announcement -%}
{% if section.settings.show_announcement %}
{% if template == ‘index’ or section.settings.announcement_home_only == false %}
{% endif %}
{% endif %}
{%- endcapture -%}
{%- capture inline_link_html-%}
{% if section.settings.desktop_navigation == “inline” %}
{% for link in linklists[section.settings.menu_linklist].links %}
{%- assign has_mega_drop_down = true -%}
{%- if link.links != blank -%}
{%- for child_link in link.links -%}
{%- if child_link.links == blank -%}
{%- assign has_mega_drop_down = false -%}
{%- endif -%}
{%- endfor -%}
{%- else -%}
{%- assign has_mega_drop_down = false -%}
{%- endif -%}
-
{{ link.title }}
{% if link.links != blank %}
{% assign num_ctas = 0 %}
{% for block in section.blocks %}
{% assign menu_item = block.settings.menu_item | downcase %}
{% assign link_title = link.title | downcase %}
{% if menu_item == link_title %}
{% if block.settings.image1 != blank %}
{% assign num_ctas = num_ctas | plus: 1 %}
{% endif %}
{% if block.settings.image2 != blank %}
{% assign num_ctas = num_ctas | plus: 1 %}
{% endif %}
{% break %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{%- endcapture -%}
{{ 'layout.header.close_mobile_nav_aria_label' | t }}
{% comment %}
{% endcomment %}
{% if shop.customer_accounts_enabled %}
{% endif %}
{% comment %}
{% render ‘social-icons’, icon_setting: settings.social_custom_icon, icon_size: ‘x40’ %}
{% endcomment %}
{% if country_selector or language_selector %}
{% render 'localization', input_prefix: 'header' %}
{% endif %}
{% for block in section.blocks %}
{% assign nav_item = "_root" %}
{% if block.settings.menu_item != blank %}
{% assign nav_item = block.settings.menu_item %}
{% endif %}
{% render 'nav-call-to-action', cta: block, render_li: false %}
{% endfor %}
{% endif %}
{% schema %}
{
“name”: “Header”,
“settings”: [
{
“type”: “link_list”,
“id”: “menu_linklist”,
“label”: “Menu”,
“default”: “main-menu”,
“info”: “To create a mega menu, ensure every link within your menu has child links. Learn more”
},
{
“type”: “text”,
“id”: “nav_featured_link”,
“label”: “Featured link”,
“info”: “Enter the title of a link to highlight it in a different color”,
“default”: “Sale”
},
{
“type”: “select”,
“id”: “desktop_navigation”,
“label”: “Desktop navigation”,
“info”: “For ‘Show links’, the navigation will automatically turn into a burger menu on smaller screens (1100px and below)”,
“options”: [
{
“value”: “burger”,
“label”: “Show burger menu”
},
{
“value”: “inline”,
“label”: “Show links”
}
],
“default”: “inline”
},
{
“type”: “select”,
“id”: “nav_opacity”,
“label”: “Navigation background”,
“options”: [
{
“value”: “transparent”,
“label”: “Transparent”
},
{
“value”: “opaque_on_scroll”,
“label”: “Opaque on scroll”
},
{
“value”: “opaque_on_scroll_alt”,
“label”: “Opaque on scroll showing contrast logo”
},
{
“value”: “opaque”,
“label”: “Opaque”
}
],
“default”: “transparent”
},
{
“type”: “select”,
“id”: “nav_positioning”,
“label”: “Scroll behavior”,
“options”: [
{
“value”: “sticky”,
“label”: “Sticks on scroll”
},
{
“value”: “inline”,
“label”: “Scrolls with the page”
},
{
“value”: “peek”,
“label”: “Hides on scroll down”
}
],
“default”: “sticky”
},
{
“type”: “header”,
“content”: “Logo”
},
{
“type”: “image_picker”,
“id”: “logo”,
“label”: “Main logo”,
“info”: “520 x 200px recommended”
},
{
“type”: “image_picker”,
“id”: “alt_logo”,
“label”: “Contrast logo”,
“info”: “Your main logo but in a different color to show over image-heavy sections. This should be the same size as your main logo.”
},
{
“type”: “range”,
“id”: “desktop_logo_width”,
“min”: 50,
“max”: 250,
“step”: 5,
“label”: “Desktop logo width”,
“default”: 200,
“unit”: “px”
},
{
“type”: “range”,
“id”: “mobile_logo_width”,
“min”: 50,
“max”: 150,
“step”: 5,
“label”: “Mobile logo width”,
“default”: 140,
“unit”: “px”
},
{
“type”: “checkbox”,
“id”: “use_alt_logo_when_active”,
“label”: “Show contrast logo on burger menu popup/hovering the navigation bar”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “logo_h1”,
“label”: “Make the logo an
on the homepage”,
“info”: “If a section on the homepage contains a primary page heading, this should be unticked Learn more”,
“default”: true
},
{
“type”: “header”,
“content”: “Announcement”
},
{
“type”: “checkbox”,
“id”: “show_announcement”,
“label”: “Show announcement”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “announcement_home_only”,
“label”: “Show on home page only”,
“default”: false
},
{
“type”: “text”,
“id”: “announcement_text”,
“label”: “Text”
}, {
“type”: “range”,
“id”: “announcement_text_size”,
“min”: 13,
“max”: 20,
“step”: 1,
“unit”: “px”,
“label”: “Text size”,
“default”: 15
},
{
“type”: “url”,
“id”: “announcement_link”,
“label”: “Link”
},
{
“type”: “header”,
“content”: “Cart”
},
{
“type”: “select”,
“id”: “nav_cart_icon”,
“label”: “Icon”,
“options”: [
{
“value”: “basket1”,
“label”: “Basket 1”
},
{
“value”: “basket2”,
“label”: “Basket 2”
}
],
“default”: “basket1”
},
{
“type”: “header”,
“content”: “Country/Region Selector”,
“info”: “To add a country/region, go to your payment settings.”
},
{
“type”: “checkbox”,
“id”: “show_country_selector”,
“label”: “Enable country/region selector”,
“default”: true
},
{
“type”: “header”,
“content”: “Language Selector”,
“info”: “To add a language, go to your language settings.”
},
{
“type”: “checkbox”,
“id”: “show_language_selector”,
“label”: “Enable language selector”,
“default”: true
}
],
“blocks”: [
{
“type”: “image”,
“name”: “Menu promotion”,
“settings”: [
{
“type”: “text”,
“id”: “menu_item”,
“label”: “Menu item”,
“info”: “Enter a dropdown menu item title to display the menu promotion on, e.g. ‘Shop’. If you leave this empty, the menu promotion will show on the first level of the burger menu popup. Learn more”
},
{
“type”: “header”,
“content”: “Promotion 1”
},
{
“type”: “image_picker”,
“id”: “image1”,
“label”: “Image”,
“info”: “800 x 600px recommended”
},
{
“type”: “select”,
“id”: “desktop_image_position1”,
“label”: “Image alignment”,
“info”: “Used to keep the subject of your image in view”,
“default”: “center center”,
“options”: [
{
“value”: “top left”,
“label”: “Top left”
},
{
“value”: “top center”,
“label”: “Top center”
},
{
“value”: “top right”,
“label”: “Top right”
},
{
“value”: “center left”,
“label”: “Middle left”
},
{
“value”: “center center”,
“label”: “Middle center”
},
{
“value”: “center right”,
“label”: “Middle right”
},
{
“value”: “bottom left”,
“label”: “Bottom left”
},
{
“value”: “bottom center”,
“label”: “Bottom center”
},
{
“value”: “bottom right”,
“label”: “Bottom right”
}
]
},
{
“type”: “text”,
“id”: “subheading1”,
“label”: “Subheading”,
“default”: “Subheading”
},
{
“type”: “textarea”,
“id”: “title1”,
“label”: “Heading”,
“default”: “Tell your story”
},
{
“type”: “richtext”,
“id”: “text1”,
“label”: “Text”,
“default”: “
Pair text with an image to tell a story
”
},
{
“type”: “text”,
“id”: “button_label1”,
“label”: “Button”
},
{
“type”: “url”,
“id”: “cta_link1”,
“label”: “Link”
},
{
“type”: “header”,
“content”: “Promotion 2”
},
{
“type”: “image_picker”,
“id”: “image2”,
“label”: “Image”,
“info”: “800 x 600px recommended”
},
{
“type”: “select”,
“id”: “desktop_image_position2”,
“label”: “Image alignment”,
“info”: “Used to keep the subject of your image in view”,
“default”: “center center”,
“options”: [
{
“value”: “top left”,
“label”: “Top left”
},
{
“value”: “top center”,
“label”: “Top center”
},
{
“value”: “top right”,
“label”: “Top right”
},
{
“value”: “center left”,
“label”: “Middle left”
},
{
“value”: “center center”,
“label”: “Middle center”
},
{
“value”: “center right”,
“label”: “Middle right”
},
{
“value”: “bottom left”,
“label”: “Bottom left”
},
{
“value”: “bottom center”,
“label”: “Bottom center”
},
{
“value”: “bottom right”,
“label”: “Bottom right”
}
]
},
{
“type”: “text”,
“id”: “subheading2”,
“label”: “Subheading”,
“default”: “Subheading”
},
{
“type”: “textarea”,
“id”: “title2”,
“label”: “Heading”,
“default”: “Tell your story”
},
{
“type”: “richtext”,
“id”: “text2”,
“label”: “Text”,
“default”: “
Pair text with an image to tell a story
”
},
{
“type”: “text”,
“id”: “button_label2”,
“label”: “Button”
},
{
“type”: “url”,
“id”: “cta_link2”,
“label”: “Link”
}
]
}
]
}
{% endschema %}