Variants not showing please help!

Highlighted
New Member
1 0 0

hello everyone!

I am new to Shopify and recently had hired someone from Fiverr to revamp my website, he had used his own theme and it looks beautiful but the variants aren't showing. I kept asking him for help but he isn't responding and I don't know what else to do! here is the theme file. I'm not familiar with coding either so it would be greatly appreciated if someone can explain what the issue is.

<!doctype html>
<html class="no-js" lang="{{ request.locale.iso_code }}">
<head>
<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">
<meta name="theme-color" content="{{ settings.color_button }}">
<link rel="canonical" href="{{ canonical_url }}">

{%- if settings.favicon != blank -%}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png" />
{%- endif -%}

{%- render 'seo-title' -%}

{%- if page_description -%}
<meta name="description" content="{{ page_description | escape }}">
{%- endif -%}

{%- render 'social-meta-tags' -%}

{%- render 'font-face' -%}
{{ 'theme.css' | asset_url | stylesheet_tag }}
{%- render 'css-variables' -%}

<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');

window.theme = window.theme || {};
theme.routes = {
cart: "{{ routes.cart_url }}",
cartAdd: "{{ routes.cart_add_url }}",
cartChange: "{{ routes.cart_change_url }}"
};
theme.strings = {
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }},
stockLabel: {{ 'products.product.stock_label' | t: count: '[count]' | json }},
willNotShipUntil: {{ 'products.product.will_not_ship_until' | t: date: '[date]' | json }},
willBeInStockAfter: {{ 'products.product.will_be_in_stock_after' | t: date: '[date]' | json }},
waitingForStock: {{ 'products.product.waiting_for_stock' | t | json }},
savePrice: {{ 'products.general.save_html' | t: saved_amount: '[saved_amount]' | json }},
cartEmpty: {{ 'cart.general.empty' | t | json }},
cartTermsConfirmation: {{ 'cart.general.terms_confirm' | t | json }}
};
theme.settings = {
dynamicVariantsEnable: true,
dynamicVariantType: {{ settings.variant_type | json }},
cartType: {{ settings.cart_type | json }},
moneyFormat: {{ shop.money_format | json }},
saveType: {{ settings.product_save_type | json }},
recentlyViewedEnabled: false,
predictiveSearch: {{ settings.predictive_search_enabled }},
predictiveSearchType: {{ settings.search_type | json }},
inventoryThreshold: {{ settings.inventory_threshold }},
quickView: {{ settings.quick_shop_enable }},
themeName: 'Impulse',
themeVersion: "3.2.1"
};
</script>

{{ content_for_header }}

<script src="{{ 'vendor-scripts-v6.js' | asset_url | split: '?' | first }}" defer="defer"></script>

{% if shop.enabled_currencies.size > 1 %}
<link rel="preload" as="style" href="{{ 'currency-flags.css' | asset_url }}" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="{{ 'currency-flags.css' | asset_url }}"></noscript>
{% endif %}

<script src="{{ 'theme.js' | asset_url }}" defer="defer"></script>

{%- if request.page_type contains 'customers/' -%}
<script src="{{ 'shopify_common.js' | shopify_asset_url }}" defer="defer"></script>
{%- endif -%}
</head>

<body class="template-{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }}" data-center-text="{{settings.type_body_align_text}}" data-button_style="{{settings.button_style}}" data-type_header_capitalize="{{settings.type_header_capitalize}}" data-type_headers_align_text="{{settings.type_headers_align_text}}" data-type_product_capitalize="{{settings.type_product_capitalize}}" data-swatch_style="{{settings.swatch_style}}">

<a class="in-page-link visually-hidden skip-link" href="#MainContent">{{ 'general.accessibility.skip_to_content' | t }}</a>

<div id="PageContainer" class="page-container">
<div class="transition-body">

{% section 'header' %}

<main class="main-content" id="MainContent">
{{ content_for_layout }}
</main>

{% section 'footer-promotions' %}
{% section 'footer' %}

</div>
</div>

{% section 'newsletter-popup' %}

{%- if settings.cart_type == 'drawer' -%}
{%- render 'ajax-cart-template' -%}
{%- endif -%}

{% comment %}
Custom markup for slider arrows using theme icons
{% endcomment %}
<div class="hide">
<button id="prevArrowTemplate" class="slick-prev" aria-label="{{ 'general.pagination.previous' | t }}" type="button">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-left" viewBox="0 0 284.49 498.98"><path d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"/></svg>
<span class="icon__fallback-text">{{ 'general.pagination.previous' | t }}</span>
</button>
<button id="nextArrowTemplate" class="slick-next" aria-label="{{ 'general.pagination.next' | t }}" type="button">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"/></svg>
<span class="icon__fallback-text">{{ 'general.pagination.next' | t }}</span>
</button>
</div>

{%- if settings.predictive_search_enabled -%}
{%- render 'predictive-template' -%}
{%- endif -%}

{% render 'video-modal' %}
{% render 'photoswipe-template' %}
{% if template contains 'product' %}
{% render 'recently-viewed-product-template' %}
{% endif %}
{{ '//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23' | script_tag }}
</body>
</html>

 

I also added the product liquid just in case since I don't know which to show 

{% section 'product-template' %}
{% section 'product-story-sections' %}
{% section 'product-recommendations' %}
{% section 'recently-viewed' %}

{% if collection %}
<div class="text-center page-content page-content--bottom">
<a href="{% if collection.handle == 'frontpage' %}/{% else %}{{ collection.url }}{% endif %}" class="btn btn--small return-link">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-left" viewBox="0 0 50 15"><path d="M50 5.38v4.25H15V15L0 7.5 15 0v5.38z"/></svg> {{ 'products.general.collection_return' | t: collection: collection.title }}
</a>
</div>
{% endif %}

0 Likes