How to add number in stock to variant label

[alexmorris]

I want to add the number of available stock to each variant label in the Dawn theme.

So example S would look like S (10) 

[farantariq93]

Hi Alex. Can you please show through a screenshot what you want?

[Alan15]

Try in the main-product.liquid section file. Scroll down to the {%- when 'variant_picker' -%} part and update the code to include ({{ product.variants[index].inventory_quantity }}) after the {{value}} in the label and add a index variable:

   {%- when 'variant_picker' -%}
              {%- unless product.has_only_default_variant -%}
                {%- if block.settings.picker_type == 'button' -%}
                  <variant-radios
                    class="no-js-hidden"
                    data-section="{{ section.id }}"
                    data-url="{{ product.url }}"
                    {{ block.shopify_attributes }}
                  >
                    {%- for option in product.options_with_values -%}
                      <fieldset class="js product-form__input">
                        <legend class="form__label">{{ option.name }}</legend>
                        {%- for value in option.values -%}
                          {%  assign index = forloop.index0 %}
                          <input
                            type="radio"
                            id="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}"
                            name="{{ option.name }}"
                            value="{{ value | escape }}"
                            form="{{ product_form_id }}"
                            {% if option.selected_value == value %}
                              checked
                            {% endif %}
                          >
                          <label for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}">
                            {{ value }} ({{ product.variants[index].inventory_quantity }})
                          </label>
                        {%- endfor -%}
                      </fieldset>
                    {%- endfor -%}

[alexmorris]

Hey thanks Alan! unfortunately {{ product.variants[index].inventory_quantity }} is out of scope here so it returns empty. The way they've constructed the variant options is a proper pain in Dawn as you can't access variant data easily 😕 

And if you stick a  {% for variant in product.variants %} around it as it's already in a loop you get recursion... pain 

[Alan15]

It worked for me on the product page, but maybe your situation is different:

[alexmorris · Accepted solution]

I managed to get it working with {{ product.variants[forloop.index0].inventory_quantity }} 

Thanks so much!