All things Shopify and commerce
how to add {% comment %}{{content_for_header}}{% endcomment %} instead of {{ content_for_header
i already added but some function in store didnt work so what's the right way to add {% comment %}{{content_for_header}}{% endcomment %} instead of {{ content_for_header }}
this this theme.liqiud code :
<!doctype html> {%- liquid assign t_name = request.page_type assign iso_code = request.locale.iso_code assign use_rtl = settings.use_rtl if use_rtl == '3' assign lis_rtl = 'ar; dv; ha; he; ku; fa; ur; ug; ps; yi' assign iso_code_ck = iso_code | split: '-' | first else assign lis_rtl = settings.list_rtl assign iso_code_ck = iso_code endif if use_rtl == '1' assign isRTL = true elsif lis_rtl contains iso_code_ck and use_rtl == '2' or use_rtl == '3' assign isRTL = true else assign isRTL = false endif assign body_img = settings.body_bg_image if body_img != blank and settings.general_layout == 'boxed' assign class_lazy = 'lazyloadt4s' endif -%} {%- capture class_html -%} t4sp-theme t4s-wrapper__{{ settings.general_layout }} rtl_{{ isRTL }} swatch_color_style_{{ settings.swatch_color_style }} pr_border_style_{{ settings.pr_border_style }} pr_img_effect_{{ settings.pr_img_effect }} enable_eff_img1_{{ settings.enable_eff_img1 }} badge_shape_{{ settings.badge_shape }} css_for_wis_app_{{ settings.enable_css_wis }}{% if settings.use_cus_lz and settings.cus_lz %} t4s-lzcus-true{% endif %} shadow_round_img_{{ settings.enable_shadow_round_img }} t4s-header__{{ settings.header_design }} is-remove-unavai-{{ settings.variant_remove }} t4_compare_{{ settings.enable_compe }}{% if settings.type_qv == '1' %} t4s-sidebar-qv{% endif %} t4s-cart-count-{{ cart.item_count }} t4s-pr-ellipsis-{{ settings.enable_pr_ellipsis }} {%- endcapture -%} <html class="{{ class_html }} no-js" lang="{{ iso_code }}"{% if isRTL %} dir="rtl"{% endif %}> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, height=device-height, minimum-scale=1.0, maximum-scale=1.0"> <meta name="theme-color" content="{{ settings.body_bg }}"> <link rel="canonical" href="{{ canonical_url }}"> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> {%- if settings.favicon != blank %}<link rel="shortcut icon" type="image/png" href="{{ settings.favicon | image_url: width: 32 }}">{% endif -%} {%- if settings.favicon_apple != blank %}<link rel="apple-touch-icon-precomposed" type="image/png" sizes="152x152" href="{{ settings.favicon_apple | image_url: width: 152 }}">{% endif -%} {%- if settings.font_source == '1' and settings.fnt_fm_sp1.system? == false or settings.fnt_fm_sp2.system? == false or settings.fnt_fm_sp3.system? == false -%} <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> {%- endif -%} {%- if t_name != 'list-collections' -%} {%- capture seo_title -%} {%- if template == 'search' and search.performed == true -%}{{ 'search.general.heading' | t: count: search.results_count }}: {{ 'search.results_with_count_and_term' | t: terms: search.terms, count: search.results_count }}{%- elsif template == 'search.wishlist' %}{{ 'wishlist_page.meta' | t }}{%- elsif template == 'search.compare' %}{{ 'compare_page.meta' | t }}{%- else -%}{{ page_title }}{%- endif -%} {%- if current_tags -%}{%- assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags -}}{%- endif -%} {%- if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{%- endif -%} {%- assign escaped_page_title = page_title | escape -%} {%- unless escaped_page_title contains shop.name %} – {{ shop.name }}{%- endunless -%} {%- endcapture -%} <title>{{ seo_title | strip }}</title> <meta name="description" content="{{ page_description | default: shop.description | default: shop.name | escape }}"> {%- else -%} <title>{{ 'list_collections.meta_title' | t | escape }}</title><meta name="description" content="{{ 'list_collections.meta_description' | t | escape }}"> {%- endif -%} {%- render 'meta-tags', t_name: t_name -%} <script src="{{ 'lazysizes.min.js' | asset_url }}" async="async"></script> <script src="{{ 'global.min.js' | asset_url }}" defer="defer"></script> {{ content_for_header }} {%- render 'head_assets', t_name: t_name, isRTL: isRTL -%} </head> <body class="template-{{ request.page_type | handle }} {{ class_lazy }}"{% if body_img != blank %} data-bgset="{{ body_img | image_url: width: 1 }}" data-optimumx="2" data-sizes="auto"{% endif -%}>{% if isRTL %}<script type="text/javascript" id="t4s-flicker-fix">// Flicker fix.</script>{% endif -%} <a class="skip-to-content-link visually-hidden" href="#MainContent">{{ "accessibility.skip_to_text" | t }}</a> <div class="t4s-close-overlay t4s-op-0"></div> <div class="t4s-website-wrapper"> {%- render 'header', t_name: t_name -%} <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> {{ content_for_layout }} </main> <footer id="t4s-footer"> {%- section 'footer' -%} {%- section 'bottom-bar' -%} </footer> </div> <ul hidden class="t4s-d-none"> <li id="a11y-refresh-page-message">{{ 'accessibility.refresh_page' | t }}</li> </ul> {%- render 'render_bottom' -%} </body> </html>
I'm not sure if I understand what you're asking for here.
Anything you put between {% comment %} and {% endcomment %} tags is turned into a comment.
If you're asking me to comment out the " {{ content_for_header }}" part, then this is how it would look:
<!doctype html>
{%- liquid
assign t_name = request.page_type
assign iso_code = request.locale.iso_code
assign use_rtl = settings.use_rtl
if use_rtl == '3'
assign lis_rtl = 'ar; dv; ha; he; ku; fa; ur; ug; ps; yi'
assign iso_code_ck = iso_code | split: '-' | first
else
assign lis_rtl = settings.list_rtl
assign iso_code_ck = iso_code
endif
if use_rtl == '1'
assign isRTL = true
elsif lis_rtl contains iso_code_ck and use_rtl == '2' or use_rtl == '3'
assign isRTL = true
else
assign isRTL = false
endif
assign body_img = settings.body_bg_image
if body_img != blank and settings.general_layout == 'boxed'
assign class_lazy = 'lazyloadt4s'
endif -%}
{%- capture class_html -%}
t4sp-theme t4s-wrapper__{{ settings.general_layout }} rtl_{{ isRTL }} swatch_color_style_{{ settings.swatch_color_style }} pr_border_style_{{ settings.pr_border_style }} pr_img_effect_{{ settings.pr_img_effect }} enable_eff_img1_{{ settings.enable_eff_img1 }} badge_shape_{{ settings.badge_shape }} css_for_wis_app_{{ settings.enable_css_wis }}{% if settings.use_cus_lz and settings.cus_lz %} t4s-lzcus-true{% endif %} shadow_round_img_{{ settings.enable_shadow_round_img }} t4s-header__{{ settings.header_design }} is-remove-unavai-{{ settings.variant_remove }} t4_compare_{{ settings.enable_compe }}{% if settings.type_qv == '1' %} t4s-sidebar-qv{% endif %} t4s-cart-count-{{ cart.item_count }} t4s-pr-ellipsis-{{ settings.enable_pr_ellipsis }}
{%- endcapture -%}
<html class="{{ class_html }} no-js" lang="{{ iso_code }}"{% if isRTL %} dir="rtl"{% endif %}>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, height=device-height, minimum-scale=1.0, maximum-scale=1.0">
<meta name="theme-color" content="{{ settings.body_bg }}">
<link rel="canonical" href="{{ canonical_url }}">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
{%- if settings.favicon != blank %}<link rel="shortcut icon" type="image/png" href="{{ settings.favicon | image_url: width: 32 }}">{% endif -%}
{%- if settings.favicon_apple != blank %}<link rel="apple-touch-icon-precomposed" type="image/png" sizes="152x152" href="{{ settings.favicon_apple | image_url: width: 152 }}">{% endif -%}
{%- if settings.font_source == '1' and settings.fnt_fm_sp1.system? == false or settings.fnt_fm_sp2.system? == false or settings.fnt_fm_sp3.system? == false -%}
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
{%- endif -%}
{%- if t_name != 'list-collections' -%}
{%- capture seo_title -%}
{%- if template == 'search' and search.performed == true -%}{{ 'search.general.heading' | t: count: search.results_count }}: {{ 'search.results_with_count_and_term' | t: terms: search.terms, count: search.results_count }}{%- elsif template == 'search.wishlist' %}{{ 'wishlist_page.meta' | t }}{%- elsif template == 'search.compare' %}{{ 'compare_page.meta' | t }}{%- else -%}{{ page_title }}{%- endif -%}
{%- if current_tags -%}{%- assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags -}}{%- endif -%}
{%- if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{%- endif -%}
{%- assign escaped_page_title = page_title | escape -%}
{%- unless escaped_page_title contains shop.name %} – {{ shop.name }}{%- endunless -%}
{%- endcapture -%}
<title>{{ seo_title | strip }}</title>
<meta name="description" content="{{ page_description | default: shop.description | default: shop.name | escape }}">
{%- else -%}
<title>{{ 'list_collections.meta_title' | t | escape }}</title><meta name="description" content="{{ 'list_collections.meta_description' | t | escape }}">
{%- endif -%}
{%- render 'meta-tags', t_name: t_name -%}
<script src="{{ 'lazysizes.min.js' | asset_url }}" async="async"></script>
<script src="{{ 'global.min.js' | asset_url }}" defer="defer"></script>
{% comment %}
{{ content_for_header }}
{% endcomment %}
{%- render 'head_assets', t_name: t_name, isRTL: isRTL -%}
</head>
<body class="template-{{ request.page_type | handle }} {{ class_lazy }}"{% if body_img != blank %} data-bgset="{{ body_img | image_url: width: 1 }}" data-optimumx="2" data-sizes="auto"{% endif -%}>{% if isRTL %}<script type="text/javascript" id="t4s-flicker-fix">// Flicker fix.</script>{% endif -%}
<a class="skip-to-content-link visually-hidden" href="#MainContent">{{ "accessibility.skip_to_text" | t }}</a>
<div class="t4s-close-overlay t4s-op-0"></div>
<div class="t4s-website-wrapper">
{%- render 'header', t_name: t_name -%}
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
{{ content_for_layout }}
</main>
<footer id="t4s-footer">
{%- section 'footer' -%}
{%- section 'bottom-bar' -%}
</footer>
</div>
<ul hidden class="t4s-d-none">
<li id="a11y-refresh-page-message">{{ 'accessibility.refresh_page' | t }}</li>
</ul>
{%- render 'render_bottom' -%}
</body>
</html>
★ Did my post help? If yes, then please like and accept solution. ★
https://stephens.world
support@stephensworld.ca
i changed into your code but still some function dons't work as color and recently viewed by the way store name : divarouj.com
I'm sorry @hassantanna but I just don't understand what you're asking for help with.
Please link to your site, then include a screenshot of what you're trying to edit/change (without any coding edits), and then describe how you would like things to work differently.
★ Did my post help? If yes, then please like and accept solution. ★
https://stephens.world
support@stephensworld.ca
i need to increase speed my site so i found this code
so when i i try change {{content_for_header}} into {% comment %}{{content_for_header}}{% endcomment %} , its increased the speed but effected on some function as color and recently viewed section.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025