Shopify. Как сделать параметры товара обязательными

Из этого туториала Вы узнаете, как сделать параметры товара обязательными перед добавлением товара в корзину Shopify.

Если Вы не хотите, чтобы клиенты могли добавить товар в корзину, не указав подходящие им параметры товара (например, размер), следуйте таким инструкциям.

Мы рекомендуем сделать резервную копию шаблона перед внесением изменений, для того чтобы Вы могли отменить изменения во вкладке Интернет-магазин > Темы > Загрузить файл темы (Online Store > Themes > Download theme file):

1. Войдите в вашу админ панель и перейдите на вкладку Интернет-магазин > Темы > Редактировать HTML/CSS > Сниппеты > Добавить новый сниппет (Online Store > Themes > Edit HTML/CSS > Snippets > Add a new snippet):

   

2. Введите название сниппета snippet-add-to-cart и нажмите на кнопку Создать сниппет (Create a snippet):

   

   Если Вы уже создали этот сниппет, пропустите этот шаг, а также шаги 3, 6.

3. Вставьте этот код в область сниппета и Сохраните (Save) файл:

   ?

   1 2 3 4 5 6 7 8 9 10 11 12 13 14

   <form method="post" action="/cart/add">     {% if product.available %}         {% if product.variants.size == 1 %}                {% for variant in product.variants limit:1 %}                 <input type="hidden" name="id" value="{{ variant.id }}">                 <button class="btn btn-cart" type="submit">Add to cart</button>             {% endfor %}         {% else %}             <a class="btn" href="{{ product.url }}" title="Choose options">Choose options</a>         {% endif %}     {% else %}         <button class="btn btn-cart btn-disabled" disabled="disabled">Unavailable</button>     {% endif %} </form>

   

4. Добавьте ещё один сниппет, нажав на кнопку Создать сниппет (Create a snippet), назовите его pick-an-option, вставьте этот фрагмент кода, размещённый на GitHub и Сохраните (Save) файл.

5. Откройте файл theme.liquid и вставьте этот фрагмент кода перед закрывающим тэгом 妆点网生活频道 365体育投注 亚洲体育博彩平台 Sun-City-hr@educoncepts-sdr.com 皇冠体育app 博彩平台 Grand-Lisboa-support@yutb.net 新昌信息港 European-Cup-competition-contact@bigtrecords.com Sun-City-entertainment-City-support@wowarmony.com 足球买球 澳门金沙 bet365体育 体育博彩 Gambling-app-service@noujcf.com 太阳城娱乐 足球买球 掌贝官网 映众Inno3D 买球app 枣庄交巡警信息网 斗罗漫画网 步速者 西玛屋 美亚旅行网 山东劳动职业技术学院 闽东电机 柠檬树摄影 奇奇新闻网 Visa中国官网 站点地图 美陵股份 洛阳中网 易宝金融 :

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

   

6. Откройте Snippets > widget-sidebar-products.liquid и добавьте этот код перед