Breaking News: Grepper is joining You.com. Read the official announcement!

how to work on variant in shopify

Loreto answered on February 24, 2022 Popularity 10/10 Helpfulness 2/10

answer how to work on variant in shopify

how to work on variant in shopify

Comment

Edit Product-Template.liquid 
{% comment %} Inventory tracking on product page {% endcomment %}
            <div id="variant-inventory" class="{% unless current_variant.available %} hide {% endunless %}">
              {% if current_variant.inventory_management == "shopify" and current_variant.inventory_policy != "continue" %}
              We have {{ current_variant.inventory_quantity }} in stock.
              {% else %}
              This product is available.
              {% endif %}
            </div> 
Step 3:  Edit Product-Template.liquid

In case you have multiple variants you will need to add one additional line in the product-template.liquid.

Paste the following code right above the code you just pasted in the product-template.liquid and click on Save.

 {% for variant in product.variants %} 
   
                 <div InventoryManagment data-id="{{variant.id}}" data-inventory="{{variant.inventory_quantity}}" style="display:none;"></div> 
   
                 {% endfor %} 
  Step 4: Edit Theme.js 
  
       let inventoryHash = document.querySelectorAll('[inventorymanagment]'); 
       debugger; 
     Array.from(inventoryHash).forEach( 
         (Selectedvariant)=>{ 
   
           if(Selectedvariant.dataset.id == variant.id){ 
   
             if(Selectedvariant.dataset.inventory > 0) 
             { 
               $("#variant-inventory").html("We have "+ Selectedvariant.dataset.inventory +" in stock"); 
   
             } 
             else{ 
               $("#variant-inventory").html("Sold out!"); 
   
             } 
   
   
           } 
   
         } 
       );

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: shopify variant whatever

Link to this answer
Share Copy Link

Contributed on Feb 24 2022

Loreto

0 Answers Avg Quality 2/10

how to work on variant in shopify

Contents

More Related Answers

how to work on variant in shopify

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.