{%- liquid assign rtl = false assign rtl_iso_codes = 'ar,arc,dv,fa,ha,he,khw,ks,ku,ps,ur,yi' | split: ',' assign current_code_first_part = localization.language.iso_code | split: '-' | first if rtl_iso_codes contains current_code_first_part assign rtl = true endif assign body_font_bold = settings.body_font | font_modify: 'weight', 'bolder' assign body_font_italic = settings.body_font | font_modify: 'style', 'italic' assign body_font_bold_italic = body_font_bold | font_modify: 'style', 'italic' # constants assign breakpoint_sm = 600 assign breakpoint_md = 769 assign gutter_sm = 20 assign gutter_md = 32 assign gutter_lg = 64 -%} {%- if request.page_type == 'index' -%} {%- endif -%} {%- render 'doc-head-core' -%} {%- render 'doc-head-social' -%} {%- liquid assign decords_noindex = false if request.page_type == 'search' or request.page_type == 'cart' or request.page_type == '404' or request.page_type contains 'customers' assign decords_noindex = true elsif request.page_type == 'page' assign decords_noindex_page_handles = 'frequently-asked-questions,swym-wishlist,swym-share-wishlist,rapid-search-results,warranty-activated' | split: ',' if decords_noindex_page_handles contains page.handle assign decords_noindex = true endif endif -%} {%- if decords_noindex -%} {%- endif -%} {%- style %} {{- settings.body_font | font_face: font_display: 'optional' -}} {{- body_font_bold | font_face: font_display: 'optional' -}} {{- body_font_italic | font_face: font_display: 'optional' -}} {{- body_font_bold_italic | font_face: font_display: 'optional' -}} {{- settings.heading_font | font_face: font_display: 'optional' -}} {{- settings.navigation_font | font_face: font_display: 'optional' -}} :root { --bg-color: {{ settings.bg_color.rgba }}; --bg-color-og: {{ settings.bg_color.rgba }}; --heading-color: {{ settings.heading_color.rgb }}; --text-color: {{ settings.text_color.rgb }}; --text-color-og: {{ settings.text_color.rgb }}; --scrollbar-color: {{ settings.text_color.rgb }}; --link-color: {{ settings.link_color.rgb }}; --link-color-og: {{ settings.link_color.rgb }}; --star-color: {{ settings.star_color.rgb }}; {%- if settings.swatch_option_name != blank -%} {%- liquid assign swatch_border_color_default = settings.text_color | color_mix: settings.bg_color, 20 assign swatch_border_color_active = settings.text_color | color_mix: settings.bg_color, 50 -%} --swatch-border-color-default: {{ swatch_border_color_default.rgb }}; --swatch-border-color-active: {{ swatch_border_color_active.rgb }}; --swatch-card-size: {{ settings.card_swatch_size }}px; --swatch-variant-picker-size: {{ settings.variant_picker_swatch_size }}px; {%- endif -%} {%- assign color_scheme_1_btn_bg_hover = settings.color_scheme_1_btn_bg | color_mix: settings.color_scheme_1_btn_text, 85 | color_lighten: 3 -%} --color-scheme-1-bg: {{ settings.color_scheme_1_bg.rgba }}; --color-scheme-1-grad: {{ settings.color_scheme_1_bg_grad }}; --color-scheme-1-heading: {{ settings.color_scheme_1_heading.rgb }}; --color-scheme-1-text: {{ settings.color_scheme_1_text.rgb }}; --color-scheme-1-btn-bg: {{ settings.color_scheme_1_btn_bg.rgb }}; --color-scheme-1-btn-text: {{ settings.color_scheme_1_btn_text.rgb }}; --color-scheme-1-btn-bg-hover: {{ color_scheme_1_btn_bg_hover.rgb }}; {%- assign color_scheme_2_btn_bg_hover = settings.color_scheme_2_btn_bg | color_mix: settings.color_scheme_2_btn_text, 85 | color_lighten: 3 -%} --color-scheme-2-bg: {{ settings.color_scheme_2_bg.rgba }}; --color-scheme-2-grad: {{ settings.color_scheme_2_bg_grad }}; --color-scheme-2-heading: {{ settings.color_scheme_2_heading.rgb }}; --color-scheme-2-text: {{ settings.color_scheme_2_text.rgb }}; --color-scheme-2-btn-bg: {{ settings.color_scheme_2_btn_bg.rgb }}; --color-scheme-2-btn-text: {{ settings.color_scheme_2_btn_text.rgb }}; --color-scheme-2-btn-bg-hover: {{ color_scheme_2_btn_bg_hover.rgb }}; {%- assign color_scheme_3_btn_bg_hover = settings.color_scheme_3_btn_bg | color_mix: settings.color_scheme_3_btn_text, 85 | color_lighten: 3 -%} --color-scheme-3-bg: {{ settings.color_scheme_3_bg.rgba }}; --color-scheme-3-grad: {{ settings.color_scheme_3_bg_grad }}; --color-scheme-3-heading: {{ settings.color_scheme_3_heading.rgb }}; --color-scheme-3-text: {{ settings.color_scheme_3_text.rgb }}; --color-scheme-3-btn-bg: {{ settings.color_scheme_3_btn_bg.rgb }}; --color-scheme-3-btn-text: {{ settings.color_scheme_3_btn_text.rgb }}; --color-scheme-3-btn-bg-hover: {{ color_scheme_3_btn_bg_hover.rgb }}; --drawer-bg-color: {{ settings.drawer_bg_color.rgba }}; --drawer-text-color: {{ settings.drawer_text_color.rgb }}; --panel-bg-color: {{ settings.panel_bg_color.rgba }}; --panel-heading-color: {{ settings.panel_heading_color.rgb }}; --panel-text-color: {{ settings.panel_text_color.rgb }}; --in-stock-text-color: {{ settings.in_stock_text_color.rgb }}; --low-stock-text-color: {{ settings.low_stock_text_color.rgb }}; --very-low-stock-text-color: {{ settings.very_low_stock_text_color.rgb }}; --no-stock-text-color: {{ settings.no_stock_text_color.rgb }}; --no-stock-backordered-text-color: {{ settings.no_stock_backordered_text_color.rgb }}; --error-bg-color: {{ settings.error_bg_color.rgb }}; --error-text-color: {{ settings.error_text_color.rgb }}; --success-bg-color: {{ settings.success_bg_color.rgb }}; --success-text-color: {{ settings.success_text_color.rgb }}; --info-bg-color: {{ settings.info_bg_color.rgb }}; --info-text-color: {{ settings.info_text_color.rgb }}; --heading-font-family: {{ settings.heading_font.family }}, {{ settings.heading_font.fallback_families }}; --heading-font-style: {{ settings.heading_font.style }}; --heading-font-weight: {{ settings.heading_font.weight }}; --heading-scale-start: {{ settings.heading_scale_start }}; --navigation-font-family: {{ settings.navigation_font.family }}, {{ settings.navigation_font.fallback_families }}; --navigation-font-style: {{ settings.navigation_font.style }}; --navigation-font-weight: {{ settings.navigation_font.weight }}; {%- if settings.heading_uppercase %} --heading-text-transform: uppercase; {%- else -%} --heading-text-transform: none; {%- endif %} {%- if settings.subheading_uppercase %} --subheading-text-transform: uppercase; {%- else -%} --subheading-text-transform: none; {%- endif %} --body-font-family: {{ settings.body_font.family }}, {{ settings.body_font.fallback_families }}; --body-font-style: {{ settings.body_font.style }}; --body-font-weight: {{ settings.body_font.weight }}; --body-font-size: {{ settings.body_font_size }}; --section-gap: {{ settings.section_gap }}; --heading-gap: calc(8 * var(--space-unit)); {%- if settings.section_gap == '32' -%} --heading-gap: calc(6 * var(--space-unit)); {%- endif -%} --grid-column-gap: 20px; {%- assign button_bg_color_hover = settings.button_bg_color | color_mix: settings.button_text_color, 85 | color_lighten: 3 -%} --btn-bg-color: {{ settings.button_bg_color.rgb }}; --btn-bg-hover-color: {{ button_bg_color_hover.rgb }}; --btn-text-color: {{ settings.button_text_color.rgb }}; --btn-bg-color-og: {{ settings.button_bg_color.rgb }}; --btn-text-color-og: {{ settings.button_text_color.rgb }}; --btn-alt-bg-color: {{ settings.button_alt_bg_color.rgb }}; --btn-alt-bg-alpha: {{ settings.button_alt_bg_color.alpha }}; --btn-alt-text-color: {{ settings.button_alt_text_color.rgb }}; --btn-border-width: {{ settings.input_button_border_width }}px; --btn-padding-y: 12px; {% if settings.input_button_border_radius > 1 %} --btn-border-radius: {{ settings.input_button_border_radius | plus: settings.input_button_border_width }}px; {% endif %} --btn-lg-border-radius: 50%; --btn-icon-border-radius: 50%; --input-with-btn-inner-radius: var(--btn-border-radius); {%- if settings.button_text_uppercase %} --btn-text-transform: uppercase; {%- endif %} --input-bg-color: {{ settings.bg_color.rgba }}; --input-text-color: {{ settings.text_color.rgb }}; --input-border-width: {{ settings.input_button_border_width }}px; --input-border-radius: {{ settings.input_button_border_radius }}px; --textarea-border-radius: {{ settings.input_button_border_radius | plus: 0 | at_most: 12 }}px; {%- if settings.input_button_border_radius > 1 %} --input-border-radius: {{ settings.input_button_border_radius | plus: settings.input_button_border_width }}px; {%- endif -%} {%- if settings.input_button_border_radius == 26 %} --input-lg-border-radius: {{ settings.input_button_border_radius | plus: settings.input_button_border_width | plus: 6 }}px; {%- endif -%} {%- assign input_color_brightness = settings.bg_color | color_brightness -%} {%- if input_color_brightness > 128 %} --input-bg-color-diff-3: {{ settings.bg_color | color_darken: 3 }}; --input-bg-color-diff-6: {{ settings.bg_color | color_darken: 6 }}; {%- else -%} --input-bg-color-diff-3: {{ settings.bg_color | color_lighten: 3 }}; --input-bg-color-diff-6: {{ settings.bg_color | color_lighten: 6 }}; {%- endif %} --modal-border-radius: {{ settings.drawer_border_radius }}px; --modal-overlay-color: 0 0 0; --modal-overlay-opacity: 0.4; --drawer-border-radius: {{ settings.drawer_border_radius }}px; --overlay-border-radius: {{ settings.overlay_border_radius }}px; {%- if settings.show_custom_label -%} --custom-label-bg-color: {{ settings.custom_label_bg_color.rgb }}; --custom-label-text-color: {{ settings.custom_label_text_color.rgb }}; {%- endif -%} {%- if settings.show_sale_label -%} --sale-label-bg-color: {{ settings.sale_label_bg_color.rgb }}; --sale-label-text-color: {{ settings.sale_label_text_color.rgb }}; {%- endif -%} {%- if settings.show_sold_out_label -%} --sold-out-label-bg-color: {{ settings.sold_out_label_bg_color.rgb }}; --sold-out-label-text-color: {{ settings.sold_out_label_text_color.rgb }}; {%- endif -%} {%- if settings.show_new_label -%} --new-label-bg-color: {{ settings.new_label_bg_color.rgb }}; --new-label-text-color: {{ settings.new_label_text_color.rgb }}; {%- endif -%} --preorder-label-bg-color: {{ settings.preorder_label_bg_color.rgb }}; --preorder-label-text-color: {{ settings.preorder_label_text_color.rgb }}; --page-width: {{ settings.max_page_width | default: 1320 }}px; --gutter-sm: {{ gutter_sm }}px; --gutter-md: {{ gutter_md }}px; --gutter-lg: {{ gutter_lg }}px; --payment-terms-bg-color: {{ settings.bg_color }}; --coll-card-bg-color: {{ settings.coll_bg_color }}; --coll-card-border-color: {{ settings.coll_border_color }}; {%- if settings.card_contain -%} --card-bg-color: {{ settings.card_bg_color }}; --card-text-color: {{ settings.card_text_color.rgb }}; --card-border-color: {{ settings.card_border_color }}; {%- endif -%} {%- if settings.blend_product_images or settings.blend_collection_images -%} --blend-bg-color: {{ settings.blend_bg_color }}; {%- endif -%} {% if settings.animations_enabled != "disabled" %} {% if settings.animation_speed == "fast" %} --aos-animate-duration: 0.6s; {% elsif settings.animation_speed == "medium" %} --aos-animate-duration: 1s; {% elsif settings.animation_speed == "slow" %} --aos-animate-duration: 1.2s; {% endif %} {% if settings.animations_enabled == "desktop" %} --aos-min-width: {{ breakpoint_sm }}; {% else %} --aos-min-width: 0; {% endif %} {% endif %} --reading-width: 48em; } @media (max-width: {{ breakpoint_md }}px) { :root { --reading-width: 36em; } } {% endstyle -%} {%- if request.page_type == 'page' and page.handle == 'contact-us' -%} {%- endif -%} {%- unless settings.body_font.system? -%} {%- endunless -%} {%- unless settings.heading_font.system? -%} {%- endunless -%} {%- if request.page_type contains 'customers' -%} {%- endif -%} {%- if settings.swatch_colors != blank -%} {%- endif -%} {{ content_for_header }} {%- if request.design_mode -%} {%- endif -%} {%- if settings.show_blur_messages -%} {%- endif -%} {% if settings.animations_enabled != "disabled" %} {% endif %} {%- if settings.custom_html_head -%} {{- settings.custom_html_head -}} {%- endif -%} {%- if template == "collection.wholesale_opt" -%} {%- assign body_class = "wholesale_opt" -%} {%- endif -%} {%- if template == "collection.canada-collection" -%} {%- assign body_class = "canada_collection" -%} {%- endif -%} {%- if template == "page.warranty" -%} {%- assign body_class = "warranty" -%} {%- endif -%} {% render 'structured-data-organization' %} {%- if request.page_type == 'page' -%} {% render 'structured-data-content-page', page: page %} {%- endif -%} {%- if request.page_type == 'collection' -%} {% render 'structured-data-collection', collection: collection %} {%- endif -%} {%- if request.page_type == 'product' or request.page_type == 'article' or request.page_type == 'blog' or request.page_type == 'page' or request.page_type == 'list-collections' -%} {% render 'structured-data-breadcrumbs' %} {%- endif -%} {% render 'rapid-search-settings' %} {%- sections 'header-group' -%}
{%- liquid assign show_breadcrumbs = false if settings.show_breadcrumbs_product and request.page_type == 'product' assign show_breadcrumbs = true elsif settings.show_breadcrumbs_collection and request.page_type == 'collection' assign show_breadcrumbs = true elsif settings.show_breadcrumbs_collection_list and request.page_type == 'list-collections' assign show_breadcrumbs = true elsif settings.show_breadcrumbs_article and request.page_type == 'article' assign show_breadcrumbs = true elsif settings.show_breadcrumbs_blog and request.page_type == 'blog' assign show_breadcrumbs = true endif -%} {%- if show_breadcrumbs -%}
{%- liquid assign show_rss_link = false if template.name == 'blog' assign show_rss_link = settings.show_breadcrumbs_blog_rss endif -%} {% render 'breadcrumbs', show_rss_link: show_rss_link %}
{%- endif -%} {{ content_for_layout }}
{%- sections 'overlay-group' -%} {%- sections 'footer-group' -%} {%- liquid if request.page_type == 'collection' or request.page_type == 'search' if settings.enable_compare echo 'compare-toggle.css' | asset_url | stylesheet_tag render 'product-compare' endif endif if settings.enable_quick_add assign show_quick_add_drawer = true if request.page_type contains 'customers' unless request.page_type == 'customers/login' or request.page_type == 'customers/register' assign show_quick_add_drawer = false endunless endif else assign show_quick_add_drawer = false endif if show_quick_add_drawer render 'quick-add-drawer' endif -%}
{%- if request.design_mode == false and settings.preload_links -%} {%- endif -%}