Ecommerce Shopify WordPress Discussion

Line Item Properties Dropdown

I am using custom line item properties on one of my products on my Shopify store. Some are text boxes and one is a dropdown list. The problem is that when the product is added to your cart, the dropdown list value is always moved to the top of the list of line item properties. For example, this is the order that I have them shown on the product page: Text box 1 Text box 2 Text box 3 Dropdown list But when they are added to the cart, they are in this order: Dropdown list Text box 1 Text box 2 Text box 3 Any ideas why is this happening? Here's the relevant code from my product page: {%- when 'custom_properties' -%} <div class="line-item-property__field product-form__input "> {% if block.settings.prop_label != blank %}<label class="form__label">{{ block.settings.prop_label }}</label>{% endif %} {% if block.settings.prop_name != blank %} {% if block.settings.multiline %} <textarea style="font-family: {{ block.settings.font }};" rows="4" cols="50" data-class="properties_{{ block.settings.prop_name | replace : " ", "_" | downcase }}" class= "line_item_text field__input required {% if block.settings.required %}blank {% endif %}sample-font-box properties_{{ block.settings.prop_name | replace : " ", "_" | downcase }}" {% if block.settings.required %}required{% endif %} type="text" name="properties[{{ block.settings.prop_name }}]" maxlength="{{ block.settings.item_length }}" {% if block.settings.placeholder_name != blank %}placeholder="{{ block.settings.placeholder_name }}"{% endif %}></textarea> {% if block.settings.showcharacters %} <div class= "personalization_feedback"></div> {% endif %} {% else %} <input style="font-family: {{ block.settings.font }};" data-class="properties_{{ block.settings.prop_name | replace : " ", "_" | downcase }}" class= "line_item_text field__input required {% if block.settings.required %}blank {% endif %}sample-font-box properties_{{ block.settings.prop_name | replace : " ", "_" | downcase }}" {% if block.settings.required %}required{% endif %} type="text" name="properties[{{ block.settings.prop_name }}]" maxlength="{{ block.settings.item_length }}" {% if block.settings.placeholder_name != blank %}placeholder="{{ block.settings.placeholder_name }}"{% endif %}> {% endif %} {% endif %} </div> {%- when 'custom_prop_dropdown' -%} <div class="product-form__input product-form__input--dropdown"> <label class="form__label">{{ block.settings.prop_drop_label }}</label> <div class="select"> <select class="select__select " name="properties[{{ block.settings.prop_drop_name }}]" form="{{ product_form_id }}"> <option value={{ block.settings.dropdown1 }}>{{ block.settings.dropdown1 }}</option> <option value={{ block.settings.dropdown2 }}>{{ block.settings.dropdown2 }}</option> <option value={{ block.settings.dropdown3 }}>{{ block.settings.dropdown3 }}</option> <option value={{ block.settings.dropdown4 }}>{{ block.settings.dropdown4 }}</option> </select> {% render 'icon-caret' %} </div> </div> <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}" disabled> {% assign block_show = false %} {% for block in section.blocks %} {% if block.type == "custom_properties" %} {% assign block_show = true %} <input type="text" style="display:none;" name="properties[{{ block.settings.prop_name }}]" data-class="properties_{{ block.settings.prop_name | replace : " ", "_" | downcase }}" class="H_properties_{{ block.settings.prop_name | replace : " ", "_" | downcase }} H_properties_input {% if block.settings.required %}required{% endif %}" value=""> {% endif %} {% endfor %}
TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.