How to loop over list of variants metafield. List of variants metafield empty array.

Technical Q&A
, , ,
1

I am trying to loop over a list of variants metafield, but its giving me an empty array when I access its value.

My setup is: a metaobject call grouping contains 3 fields: name, file_group (list of images) and variants (list of varaints).

The code is able to loop over grouping and file_group, but not variants. When I console log grouping, it shows the name, file_group and variants correctly: 1 file_group, 5 variants. However, when I try to access variants value (grouping.variants.value), the code give me an empty array and the variants loop never enter.

{% for grouping in variant_media_groupings %}
                        {% assign file_group = grouping.file_grouping.value %}
                        {% assign variant_group = grouping.variants.value %}
                        <script>
                            console.log(`GROUPING: {{ grouping | json }}`)
                            console.log(`FILE GROUP: {{ file_group | json }}`)
                            console.log(`VARIANT GROUPING: {{ variant_group | json }}`)
                          </script>
                        {% for f in file_group %}
                          <script>
                            console.log(`F: {{ f | json }}`)
                          </script>
                        {% endfor %}
                        
                        {% for v in variant_group %}
                          <script>
                            console.log(`V: {{ v | json}}`)
                          </script>
                        {% endfor %}
                        <script>
                          console.log("================================")
                        </script>
{% endfor %}

Console log result:

GROUPING: {"file_grouping":["gid://shopify/MediaImage/38352554623254"],"name":"sweater_xs_black","variants":["gid://shopify/ProductVariant/49456129507606","gid://shopify/ProductVariant/49456129605910","gid://shopify/ProductVariant/49456129704214","gid://shopify/ProductVariant/49456129802518","gid://shopify/ProductVariant/49456129900822"]}
FILE GROUP: ["//1mvcknp9frrn3zhf-74413310230.shopifypreview.com/cdn/shop/files/BIKINI_3_M.jpg?v=1725664712"]
VARIANT GROUPING: []
F: "//1mvcknp9frrn3zhf-74413310230.shopifypreview.com/cdn/shop/files/BIKINI_3_M.jpg?v=1725664712"
================================
2

Problem solved. The product I test with is draft …