[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

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

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

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

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

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

Shopify_How_to_make_the_product_options_required_1

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

    Shopify_How_to_make_the_product_options_required_2

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

    Shopify_How_to_make_the_product_options_required_3

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

  3. Вставьте этот код в область сниппета и Сохраните (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>

    Shopify_How_to_make_the_product_options_required_3

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

  5. Откройте файл theme.liquid и вставьте этот фрагмент кода перед закрывающим тэгом </body>:

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

    Shopify_How_to_make_the_product_options_required_4

  6. Откройте 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_How_to_make_the_product_options_required_5

  7. Убедитесь, что Вы сохранили изменения во всех файлах, и обновите страницу сайта для просмотра изменений.

    Теперь, клиенты должны будут указать подходящие для них настройки товара, перед тем как добавить его в Корзину:

    Shopify_How_to_make_the_product_options_required_6

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

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