I need to add 'Size' in front of the Size Dropdown-selector just as 'Quantity' is displayed.
<div id="AddToCartForm--{{ module_id }}" class="form-vertical">
{% form 'product', product %}
{% unless product.has_only_default_variant %}
{% for option in product.options_with_values %}
<div class="selector-wrapper js mt2 font-size--m">
{% unless hide_drop_down_labels %}
{% assign option_name_lowercase = option.name | downcase | strip %}
<label class="block {% if option_name_lowercase == 'default' %}hide{% endif %}" for="SingleOptionSelector-{{ forloop.index0 }}" >
{{ option.name }}
</label>
{% endunless %}
<select
class="bg--transparent border--{{ section_color }}-text color--{{ section_color }}-text p1 block full--w font-size--sm mt1"
id="SingleOptionSelector-{{ forloop.index0 }}"
data-single-option-selector
data-index="option{{ option.position }}">
{% for value in option.values %}
<option
value="{{ value | escape }}"
{% if option.selected_value == value %}selected="selected"{% endif %}>
{{ value }}
</option>
{% endfor %}
</select>
</div>
{% endfor %}
{% endunless %}
<select name="id" class="no-js" data-product-select>
{% for variant in product.variants %}
<option
{% if variant == current_variant %}selected="selected"{% endif %}
{% unless variant.available %}disabled="disabled"{% endunless %}
value="{{ variant.id }}">
{{ variant.title }}
</option>
{% endfor %}
</select>
{% if show_quantity %}
<div class="mt2 font-size--m flex items--center">
<div class="pr2">
<label for="Quantity">{{ 'products.product.quantity' | t }}</label>
</div>
<div class="flex--1 js-qty-wrapper color--{{ section_color }}-text">
<input class="bg--transparent border--{{ section_color }}-text p1 font-size--sm mt1" type="number" id="Quantity" name="quantity" value="1" min="1">
</div>
</div>
{% endif %}
User | Count |
---|---|
16 | |
16 | |
13 | |
12 | |
11 |