Value in multiple value Metafield does not return

Technical Q&A
1

Hi,

I am trying to check a metafield value in a string of values. Its purpose is to automatically generate a sowing calender for seeds.

When checking the metafield

{{ product.metafields.custom.zaden_zaaien_onder_glas }}

it returns the following value

["Juni","Mei"]

.

However when asking:

{% if product.metafields.custom.zaden_zaaien_onder_glas contains "Juni" %}

It does not return anything.

The complete code for this specific task:

{% if product.metafields.custom.zaden_zaaien_onder_glas contains 'Juni' %}
                        <div class="letter-circle-color"><strong>J</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">J</div>
                        {% endif %}

Complete calender code (which used to work based on calling upon a product.tag):

% if product.metafields.custom.zaden_zaaien_onder_glas == "Hele jaar" %}
      <div>
      <div style="float:left;">
      <div class="letter-circle-color"><strong>J</strong></div>
      <div class="letter-circle-color"><strong>F</strong></div>
      <div class="letter-circle-color"><strong>M</strong></div>
      <div class="letter-circle-color"><strong>A</strong></div>
      <div class="letter-circle-color"><strong>M</strong></div>
      <div class="letter-circle-color"><strong>J</strong></div>
      </div>
      <div style="float:left;">
      <div class="letter-circle-color"><strong>J</strong></div>
      <div class="letter-circle-color"><strong>A</strong></div>
      <div class="letter-circle-color"><strong>S</strong></div>
      <div class="letter-circle-color"><strong>O</strong></div>
      <div class="letter-circle-color"><strong>N</strong></div>
      <div class="letter-circle-color"><strong>D</strong></div>
      </div>
      </div>
    {% else %}
        <div style="float:left;">
              {% if product.metafields.custom.zaden_zaaien_onder_glas | metafield text contains 'Januari' %}
                        <div class="letter-circle-color"><strong>J</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">J</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'Februari' %}
                        <div class="letter-circle-color"><strong>F</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">F</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'Maart' %}
                        <div class="letter-circle-color"><strong>M</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">M</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'April' %}
                        <div class="letter-circle-color"><strong>A</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">A</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'Mei' %}
                        <div class="letter-circle-color"><strong>M</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">M</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'Juni' %}
                        <div class="letter-circle-color"><strong>J</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">J</div>
                        {% endif %}
        </div>
        <div style="float:left;">
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'Juli' %}
                      <div class="letter-circle-color"><strong>J</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">J</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'Augustus' %}
                       <div class="letter-circle-color"><strong>A</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">A</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'September' %}
                        <div class="letter-circle-color"><strong>S</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">S</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'Oktober' %}
                      <div class="letter-circle-color"><strong>O</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">O</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'November' %}
                        <div class="letter-circle-color"><strong>N</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">N</div>
                        {% endif %}
              {% if product.metafields.custom.zaden_zaaien_onder_glas contains 'December' %}
                        <div class="letter-circle-color"><strong>D</strong></div>
                        {% else %}
                        <div class="letter-circle-grey">D</div>
                        {% endif %}
          </div>
    {% endif %}
  <div style="clear:both;"></div>

Why is this (not) happening? And how can I fix it?

Thanks,

Stefan

2

Got it, the metafield required the extension of “.value” , e.g.

product.metafields.custom.zaden_zaaien_onder_glas.value