technical issue in size selection from product to checkout page

technical issue in size selection from product to checkout page

arte-alter
New Member
4 0 0

Hello, we are facing an issue with our size selection in our product page. No matter whatever different size product our customers are selecting, by default "XS" only one single size getting added at checkout. We are loosing out on our customers and cancelling orders because of this issue.the image shows that size selected is XXL but in cart XS is getting addedthe image shows that size selected is XXL but in cart XS is getting added

Replies 5 (5)

SomeUsernameHe
Shopify Partner
519 58 113

This is most likely an issue with the liquid code on the main-product page. It would be hard to fix without seeing that code. 

Have you edited any of your theme files or have had anyone edit them?

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
arte-alter
New Member
4 0 0

NO

 

gr_trading
Shopify Partner
2045 149 206

Hi @arte-alter 

Please share your store url, it's not visible in your screenshot.

For any custom development WhatsApp or connect at Email ID: support@grtrading.in for quick consultation. | Shopify Free codes
To support Buy Me a Coffee
arte-alter
New Member
4 0 0
SomeUsernameHe
Shopify Partner
519 58 113

So, after doing a little bit of troubleshooting, it does look like your site is not updating the hidden options that Shopify uses to add items to carts. 

this would be in the product-template.liquid between lines 171 and 189

 

                {% unless product.has_only_default_variant %}
                  <div class="product-form__controls-group">
                    {% for option in product.options_with_values %}
                      <div class="selector-wrapper js product-form__item">
                        <label for="SingleOptionSelector-{{ forloop.index0 }}">
                          {{ option.name }}
                        </label>
                        <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input"
                          id="SingleOptionSelector-{{ forloop.index0 }}"
                          data-index="option{{ forloop.index }}"
                        >
                          {% for value in option.values %}
                            <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}</option>
                          {% endfor %}
                        </select>
                      </div>
                    {% endfor %}
                  </div>
                {% endunless %}

 


Here is how those lines should look,at least with debut v17.14.1

I would suggest making a copy of your site and try replacing the lines in your theme, with the lines I posted here and then previewing your site on the copied theme and see if the correct product gets added to the cart. 

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee