Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024