Shopify. How to make the product options required

This tutorial will show how to make the product options required before the product can be added to Shopify cart.

If you do not want to let customers add the product to cart until the option value is selected (for example size specification), please perform the following steps.

We strongly recommend backing up the theme before making the changes so you could rollback the changes by clicking on Online Store > Themes > Download theme file:

1. Log into your admin panel and navigate to Online Store > Themes > Edit HTML/CSS > Snippets > Add a new snippet:

   

2. Name the snippet snippet-add-to-cart and press Create a snippet:

   

   If you already have this snippet, miss this step and steps 3, 6.

3. Paste this code to the snippet area and Save:

   
       {% if product.available %}
           {% if product.variants.size == 1 %}    
               {% for variant in product.variants limit:1 %}
                   
                   Add to cart
               {% endfor %}
           {% else %}
               Choose options
           {% endif %}
       {% else %}
           Unavailable
       {% endif %}
   

   

4. Add one more snippet by pressing Create a snippet, name it as pick-an-option, paste this code hosted on GitHub. and Save.

5. Open theme.liquid and paste this code before the closing 足球外围平台 新葡京 Venice-Macao-admin@yezi-studio.com 四十货源网 印度中文网 皇冠博彩 鞍山天气预报 线上博彩网址 新葡京博彩官网 Crown-Sports-support@silvamkt.com 亚洲体育博彩平台 Wynn-Sports-billing@dandick.net 祺盛一卡通 皇冠体育 皇冠体育 网上博彩平台 Sun-City-entertainment-City-info@braelyngenerator.net CNode 社区 Sun-City-feedback@waki-aiai.net 荣威汽车官网 MSDN - Microsoft 开发人员网络 中国工控网 58同城咸阳分类信息网 MCN机构 素彩网 中国亳州网 沃天下 杭州师范大学钱江学院 海格物流 中国移民网 安阳违章查询网 新分类 站点地图 龙巅三湖慈鲷 淘瞳网 tag:

   {% include 'pick-an-option' %}

   

6. Select Snippets > widget-sidebar-products.liquid and add this code before