Product Item Count

[MohammadAL]

Hey, I am making a theme for shopify, and i wanna add a radio button to change the quantity of the item when i wanna buy, i tried doing this, but it didn't work, when i click add to cart, the number always adds 1 only.

        {% assign myProduct = all_products['ems'] %}

        {% if myProduct %}

            <form action="/cart/add" method="post" enctype="multipart/form-data">

            <input type="hidden" name="id" value="{{ myProduct.variants.first.id }}" />

        {% assign productTwo = product.price | times: 160 | divided_by: 100 |  money_without_currency | floor %}

        {% assign productTwoCompare =  product.price | times: 2 | money_without_currency %}

        {% assign productFour = product.price | times: 320 | divided_by: 120 |  money_without_currency | floor %}

        {% assign productFourCompare =  product.price | times: 4 | money_without_currency %}

            <div class="q-radios">

                                <span class="radio-title">Quantity:</span>

                <label for="1">

                    <div class="quantity-radio">

                        <input type="radio" name="quantity" value="1" checked id="1">

                        <p>Buy 1: <span class="current-price">${{ product.price | money_without_currency | floor }}.00

                        </div>

                </label>

                <label for="2">

                    <div class="quantity-radio">

                        <input type="radio" name="quantity" value="1" id="2">

                        <p>Buy 2: <span class="current-price">${{ productTwo }}.00</span>

                        <span class="compare-price">${{ productTwoCompare }}.00</span></p>

                        <span class="save">

                            <span>save ${{ productTwoCompare | minus: productTwo }}</span>

                        </span>

                        </div>

                </label>

                <label for="3">

                    <div class="quantity-radio">

                        <input type="radio" name="quantity" value="1" id="3">

                        <p>Buy 4: <span class="current-price">${{ productFour }}.00</span>

                        <span class="compare-price">${{ productFourCompare }}.00</span></p>

                        <span class="save">

                            <span>save ${{ productFourCompare | minus: productFour }}</span>

                        </span>

                        </div>

                </label>

            </div>

            <button type="submit" class="cart-btn"> <i class="fa-solid fa-bag-shopping"></i> Add to Cart</button>

            <div class="payment-types">

                {% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

                {% for payment_type in enabled_payment_types %}

                    {{ payment_type | payment_type_svg_tag }}

                {% endfor %}

            </div>

            <p id="safe-checkout">Guaranteed safe & secure checkout</p>

        </form>



any help?

[Liam · Accepted solution]

Hi MohammadAL,

I believe the issue could be due to the value attribute for each of your radio buttons. You have the value attribute of all your radio buttons set to "1". This means no matter which option you select, you're only adding 1 item to the cart. You'll need to change this to correspond to the value that each option requires.