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
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024