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
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024