- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Shopify. Как сделать параметры товара обязательными
Март 23, 2016
Из этого туториала Вы узнаете, как сделать параметры товара обязательными перед добавлением товара в корзину Shopify.
Shopify. Как сделать параметры товара обязательнымиЕсли Вы не хотите, чтобы клиенты могли добавить товар в корзину, не указав подходящие им параметры товара (например, размер), следуйте таким инструкциям.
Мы рекомендуем сделать резервную копию шаблона перед внесением изменений, для того чтобы Вы могли отменить изменения во вкладке Интернет-магазин > Темы > Загрузить файл темы (Online Store > Themes > Download theme file):
Войдите в вашу админ панель и перейдите на вкладку Интернет-магазин > Темы > Редактировать HTML/CSS > Сниппеты > Добавить новый сниппет (Online Store > Themes > Edit HTML/CSS > Snippets > Add a new snippet):
Введите название сниппета snippet-add-to-cart и нажмите на кнопку Создать сниппет (Create a snippet):
Если Вы уже создали этот сниппет, пропустите этот шаг, а также шаги 3, 6.
Вставьте этот код в область сниппета и Сохраните (Save) файл:
<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>
-
Добавьте ещё один сниппет, нажав на кнопку Создать сниппет (Create a snippet), назовите его pick-an-option, вставьте этот фрагмент кода, размещённый на GitHub и Сохраните (Save) файл.
Откройте файл theme.liquid и вставьте этот фрагмент кода перед закрывающим тэгом </body>:
{% include 'pick-an-option' %}
-
Откройте Snippets > widget-sidebar-products.liquid и добавьте этот код перед </div> </li>:
<div class="product_links"> {% include "snippet-add-to-cart" %} <a class="btn quick_view_btn" href="{{ product.url }}"> <span class="fa fa-eye"></span></a> </div>
Убедитесь, что Вы сохранили изменения во всех файлах, и обновите страницу сайта для просмотра изменений.
Теперь, клиенты должны будут указать подходящие для них настройки товара, перед тем как добавить его в Корзину:
Вы можете также ознакомиться с детальным видео-туториалом ниже:
Shopify. Как сделать настройки товара обязательными