Shopify. Как добавить селектор атрибута в списке товаров

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

Shopify. Как добавить селектор атрибута в списке товаров

1. Войдите в вашу админ панель и перейдите на вкладку Интернет-магазин -> Темы (Online Store -> Themes).

2. Выберите вкладку Редактировать HTML/CSS option:

   

3. Откройте файл product-listing-item.liquid или product-grid-item.liquid во вкладке Фрагменты (Snippets).

4. Найдите следующий фрагмент кода:

   {% include "snippet-add-to-cart" %} 

   Замените его на следующий код:

   
     
   
     
     {% for variant in product.variants %}
     {% if variant.available %}
     {{ variant.title }} - {{ variant.price | money }}
     {% else %}
     {{ variant.title }} - Sold Out
     {% endif %}
     {% endfor %}
     
     Add to cart
     

   

5. Сохраните файл и проверьте ваш сайт.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Shopify. Как добавить селектор атрибута в списке товаров