Add label 'Size' in front of Size selector

MalinStromblad
New Member
1 0 0

I need to add 'Size' in front of the Size Dropdown-selector just as 'Quantity' is displayed.

https://shop.greeningline.com/collections/all-products/products/hoodie-limited-edition?variant=37005...

 

 

<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 %}

 

 

Skärmavbild 2021-01-26 kl. 17.08.03.png

0 Likes