Домашняя страница добавить в корзину указать c вариант выбран Shopify - PullRequest
0 голосов
/ 12 февраля 2020

Я добавил селектор вариантов в форму добавления в корзину в строящемся разделе, но не могу найти способ получить конкретный вариант c, в котором выбирается, чтобы изменить отправляемый идентификатор в корзину / доп. js.

https://qknwir79ybx50ydw-20061455.shopifypreview.com вот ссылка для предварительного просмотра, это карусель продукта с кнопкой добавления в корзину под продуктом.

Кто-нибудь знает, как я могу активировать правильный вариант когда он был выбран?

На тему ShowTime.

вот мой код для селектора:

{% unless all_products[product].options.size == 1 and all_products[product].variants[0].title == 'Default Title' %}
{% for option in all_products[product].options_with_values %}
<div class="col-md-4 selector-wrapper main-product-select">

<label {% if option.name == 'default' %}class="hidden" {% endif %} for="product-select-{{ option.name }}">
{{ option.name }}
</label>
<select class="single-option-selector" id="SingleOptionSelector-{{ forloop.index0 }}">
{% for value in option.values %}
{% unless value contains "% off" %}
<option {% if option.selected_value == value %}selected{% endif %}>
{{ value }}
</option>
{%endunless%}
{% endfor %}
</select>

</div>
{% endfor %}
{% endunless %}
<select name="id" id="product-select-{{ all_products[product].id }}" class="product-variants form-control hidden">
{% for variant in all_products[product].variants %}

<option {% if variant == all_products[product].selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

{% endfor %}
</select>
...