<!doctype html>
{%- capture dir -%}
{%- case request.locale.iso_code -%}
{%- when 'ae' or 'ar' or 'arc' or 'bcc' or 'bqi' or 'ckb' or 'dv' or 'fa' or 'glk' or 'ha' or 'he' or 'kwh' or 'ks' or 'ku' or 'mzn' or 'nqo' or 'pnb' or 'ps' or 'sd' or 'ug' or 'ur' or 'yi' -%}
rtl
{%- else -%}
ltr
{%- endcase -%}
{%- endcapture -%}
<html class="no-js" lang="{{ request.locale.iso_code }}" dir="{{ dir }}">
<head>{% render 'thunder-injects' %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover">
<meta name="theme-color" content="{{ settings.color_body_bg }}">
<link rel="canonical" href="{{ canonical_url }}">
{% render 'head-preload' %}
{% if settings.favicon != blank -%}
<link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
{%- endif %}
<title>
{{ page_title }}{% 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 %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}
</title>
{% if page_description %}
<meta name="description" content="{{ page_description | escape }}">
{% endif %}
{%- unless settings.heading_font.system? and settings.body_font.system? -%}
{%- endunless -%}
{% render 'social-meta-tags' %}
{{ 'app.css' | asset_url | stylesheet_tag }}
{{ 'product-grid.css' | asset_url | stylesheet_tag }}
{% render 'head-variables' %}
<script>
window.theme = window.theme || {};
theme = {
settings: {
money_with_currency_format: {{- shop.money_format | json -}},
cart_drawer: {{- settings.cart_drawer -}}
},
routes: {
root_url: '{{ routes.root_url }}',
cart_url: '{{ routes.cart_url }}',
cart_add_url: '{{ routes.cart_add_url }}',
search_url: '{{ routes.search_url }}',
cart_change_url: '{{ routes.cart_change_url }}',
cart_update_url: '{{ routes.cart_update_url }}',
predictive_search_url: '{{ routes.predictive_search_url }}',
},
variantStrings: {
addToCart: `{{ 'products.product.add_to_cart' | t }}`,
soldOut: `{{ 'products.product.sold_out' | t }}`,
unavailable: `{{ 'products.product.unavailable' | t }}`,
},
strings: {
requiresTerms: `{{ 'sections.cart.terms_confirm' | t }}`,
}
};
</script>
{%- if tinyscript -%}{{ content_for_header }}{%- else -%}{% render 'tiny-script-control' %}{%- endif -%} <!-- Header hook for plugins -->
<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
{% include 'hulk_po_vd' %}</head>
<body class="animations-{{ settings.animations }} button-uppercase-{{ settings.button_uppercase }} navigation-uppercase-{{ settings.navigation_uppercase }} product-card-spacing-{{ settings.product_card_spacing }} article-card-spacing-{{ settings.article_card_spacing }} {% if customer %} customer-logged-in{% endif %} template-{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }} template-{{ template | replace: '.', '-' | handle }}">
<a class="screen-reader-shortcut" href="#main-content">{{ 'accessibility.skip_to_text' | t }}</a>
<div id="wrapper">
<div class="header--sticky"></div>
{% sections 'header-group' %}
<div role="main" id="main-content">
{{ content_for_layout }}
</div>
{% sections 'footer-group' %}
{% render 'cart-drawer' %}
{% render 'product-drawer' %}
{% render 'search-drawer' %}
<div class="click-capture"></div>
<div class="click-capture--product"></div>
</div>
{{ 'vendor.min.js' | asset_url | script_tag }}
{% if settings.animations %}
{{ 'animations.min.js' | asset_url | script_tag }}
<script>
gsap.defaults({
ease: Power4.easeOut
});
gsap.config({
nullTargetWarn: false
});
gsap.registerPlugin(ScrollTrigger, DrawSVGPlugin);
</script>
{% endif %}
{{ 'product.js' | asset_url | script_tag }}
{{ 'slideshow.js' | asset_url | script_tag }}
{{ 'app.js' | asset_url | script_tag }}
<script type="module" src="{{ 'scroll-shadow.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'predictive-search.js' | asset_url }}" defer="defer"></script>
{%- if settings.free_shipping -%}
{{ 'free-shipping.js' | asset_url | script_tag }}
{{ 'free-shipping.css' | asset_url | stylesheet_tag }}
{%- endif -%}
{%- if request.design_mode -%}
{{ 'theme-editor.js' | asset_url | script_tag }}
{%- endif -%}
{% render 'back-to-top' %}
{{'tiny-img-link-preloader.js' | asset_url | script_tag }}
{% render 'thunder-preload' %}
</body>
</html>
this is my theme.liquid code and my sequence is
Vendor
animation
product
slideshow
app
scroll-shadow
predictive-search
freeshipping
theme-editor
tiny-img-link-preloader
please check what i am doing wrong here
