Categories

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

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

Ray Taylor Январь 11, 2016
Rating: 5.0/5. From 3 votes.
Please wait...

Из этого туториала Вы узнаете, как добавить селектор атрибута в списке товаров в 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. Как добавить селектор атрибута в списке товаров

Шаблоны Shopify
Эта запись была размещена в Shopify туториалы и помечена как attribute, listing, product, selector, Shopify. Добавьте в закладки постоянную ссылку.

Submit a ticket

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