Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

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

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

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

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

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

    shopify_how_to_add_an_attribute_selector_on_product_listing-1

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

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

    {% 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>

    shopify_how_to_add_an_attribute_selector_on_product_listing-2

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

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

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

 
Чат
We help you to choose the right product.
Начать чат