Shopify themes, liquid, logos, and UX
I changed the qty selector to a Drop down box and got it to populate with only numbers for inventory on hand like i want it to. My problem is no matter what value is selected from the drop down list. It always adds just 1 qty to the cart.
My website is : https://rsabventures.com/
The code i have for the qty box on the product-template is:
<div class="product-form__controls-group">
<div class="product-form__item">
<p align="center"><font size="5">
<label for="Quantity-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
<select>name="quantity" id="Quantity-{{ section.id }}">
{% assign selected_variant = product.selected_or_first_available_variant %}
{% for i in (1..selected_variant.inventory_quantity) %}
{% if i <= selected_variant.inventory_quantity %}
<option value="{{ i }}">{{ i }}</option>
{% endif %}
{% endfor %}
</select>
</font> </p>
</div>
</div>
Any help or advice is appreciated.
Brad
Hi @Brad38 ,
I fixed it :
<div class="product-form__controls-group">
<div class="product-form__item">
<p align="center">
<font size="5">
<label for="Quantity-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
<select name="quantity" id="Quantity-{{ section.id }}">
{% assign selected_variant = product.selected_or_first_available_variant %}
{% for i in (1..selected_variant.inventory_quantity) %}
{% if i <= selected_variant.inventory_quantity %}
<option value="{{ i }}">{{ i }}</option>
{% endif %}
{% endfor %}
</select>
</font>
</p>
</div>
</div>
The cause of the error
Select Tag Issue: The <select> tag was not properly closed. I've corrected this in the code above by placing the name and id attributes within the opening tag of <select>
SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Hello @Brad38 ,
Check the select tag:
<div class="product-form__controls-group">
<div class="product-form__item">
<p align="center"><font size="5">
<label for="Quantity-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
<select name="quantity" id="Quantity-{{ section.id }}">
{% assign selected_variant = product.selected_or_first_available_variant %}
{% for i in (1..selected_variant.inventory_quantity) %}
{% if i <= selected_variant.inventory_quantity %}
<option value="{{ i }}">{{ i }}</option>
{% endif %}
{% endfor %}
</select>
</font> </p>
</div>
</div>
That works. It is populating the cart correctly.
The popup cart notification is still wrong.
Can you help me with correcting that too.
Brad
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