Liquid, JavaScript, themes, sales channels
I have a debut theme latest version.
Variant Select Option code
<select class="--single-option-selector single-option-selector-{{ section.id }} product-form__input pd-vants round-- classic"
id="SingleOptionSelector{{ forloop.index }}"
data-index="option{{ forloop.index }}"
>
<option value="selected_the_size"> Select the size first </option>
{% for value in option.values %}
{%- comment -%} {%- endcomment -%}
<option {%- if variant == current_variant %} selected="selected" {%- endif -%} value="{{ value | escape }}" data-index="{{ value | handle}}">{{ value }}
<b> {{ cart.currency.symbol }} </b>
</option>
{% endfor %}
</select>
but the all product first varint added to cart.
I have the same problem. Ever find a fix?
issue with no-js section code i removed this is solution for " DEBUT THEME " the code inside -> product-template.liquid
{% form 'product', product, class:form_classes, novalidate: 'novalidate', data-product-form: '' %}
find the product form add beloved code inside the product form tag
<select name="id" id="ProductSelect-{{ section.id }}" class="product-form__variants no-js">
<option selected="selected" value="selected"> Select the Option </option>
{% for variant in product.variants %}
<option value="{{ variant.id }}"
{%- if variant == current_variant %} selected="selected" {%- endif -%}
>
{{ variant.title }} {%- if variant.available == false %} - {{ 'products.product.sold_out' | t }}{% endif %}
</option>
{% endfor %}
</select>
@AvidBrioI have a similar problem but I can't seem to solve it. I am not sure where to insert the code above, when I tried it didn't work. Would you be able to help? Thanks so much! This is my website: https://tartar-berlin.com
User | RANK |
---|---|
37 | |
27 | |
14 | |
13 | |
9 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023