- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Shopify. Как добавить селектор атрибута в списке товаров
Январь 11, 2016
Из этого туториала Вы узнаете, как добавить селектор атрибута в списке товаров в Shopify.
Shopify. Как добавить селектор атрибута в списке товаров
-
Войдите в вашу админ панель и перейдите на вкладку Интернет-магазин -> Темы (Online Store -> Themes).
-
Выберите вкладку Редактировать HTML/CSS option:
-
Откройте файл product-listing-item.liquid или product-grid-item.liquid во вкладке Фрагменты (Snippets).
-
Найдите следующий фрагмент кода:
{% include "snippet-add-to-cart" %}
Замените его на следующий код:
<input type="submit" value="Buy now" /> <form action="/cart/add" method="post" style="text-align:center;"> <select name="id"> {% for variant in product.variants %} {% if variant.available %} <option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option> {% else %} <option disabled="disabled">{{ variant.title }} - Sold Out</option> {% endif %} {% endfor %} </select> <button type="submit" class="btn btn-cart">Add to cart</button> </form>
-
Сохраните файл и проверьте ваш сайт.
Вы можете также ознакомиться с детальным видео-туториалом ниже: