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
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024