Hoe zie ik de beschikbaarheid van options_by_name? - Emma

[DealParty]

Hallo!

Ik heb een stukje code op de collection overzichten, waarbij de product card alle mogelijke formaten van 'Size' onder de productcard laat zien middels {{ size_option }}.

Nu zou ik graag de 'niet op voorraad' maten in lichtgrijs laten zien ipv de standaard zwart. Weet iemand hoe ik van product.options_by_name['Size'].values de invetory kan checken op beschikbaarheid op de collection overview?

Groetjes,

Emma

    {% for size_option in product.options_by_name['Size'].values %}
      {% if forloop.first == true %}
<div style="margin-top: 0px; height: 56px; position: relative; background-color: #fff; margin-left: 0px;" class="grid grid--no-gutters grid--table border--top">
      {% endif %}
        
       <div style="width: 50px; text-align: center; padding-top: 14px; background:#fff;" class="border--right normal-height">
          <p>{{ size_option }}</p>
    </div>
       
             {% if forloop.last == true %}
</div>
      {% endif %}
       
       {% endfor %} 

[Maxime]

Hoi @DealParty,

Maxime hier bij Shopify, bedankt voor je bericht!

Ik wil dit graag voor je onderzoeken, maar zou hierbij ook graag je account willen bekijken. De reden hiervoor is dat ik dan een goed beeld kan krijgen van je huidige set-up, en omdat de mogelijke oplossingen afhankelijk zijn van enkele factoren zoals het thema dat je gebruikt. Wij Adviseurs zijn niet getraind in codering, maar ik zal graag met je mee denken om te helpen met het vinden van een oplossing. 

Als je mij een privébericht zou kunnen sturen met je myshopify.com URL en het e-mailadres dat je gebruikt om in te loggen, zal ik je zo snel mogelijk beantwoorden. Ik ben de komende dagen wel vrij, dus als het dringend is raad ik aan om direct contact op te nemen met onze ondersteuning door een Mail te sturen via ons Hulpcentrum. 🙂

Alvast bedankt,

[DealParty · Accepted solution]

Hi Maxime,

Bedankt voor je reactie!

Gelukkig hebben we sinds het stellen de vraag al een andere oplossing gevonden 🙂

Hoop dat iemand anders er nog iets aan heeft:

      {% if product.options.size == 1 %}{% elsif product.options.size == 2 %}{% endif %}
      
        
    {% for size_option in product.options_by_name['Size'].values %}
      {% assign hide = "" %}
      {% if forloop.first == true %}
	<div style="margin-top: 0px; height: 56px; position: absolute; background-color: #fff; margin-left: 0px; bottom: 0px; width: 100%;" class="grid grid--no-gutters grid--table border--top">
      {% endif %}
        {% assign flag = 0 %}
      	{% for variant in product.variants %}
      		{% if variant.title contains size_option and flag == 0 %}
      			{% if variant.available %}
      			{% assign flag = 1 %}
      				{% capture v %}{{variant.title}}{% endcapture %}
      			{% else %}
      			{% endif %}
      		{% endif %}
      	{% endfor %}
  		{% if flag == 0 %}
      	{% capture hide %}color: #dcdcdc;{% endcapture %}
      	{% else %}
      	{% capture hide %}{% endcapture %}
      	{% endif %}
      
       <div style="width: 50px; text-align: center; padding-top: 14px; background:#fff;" class="border--right normal-height">
          <p style="{{hide}}">{{ size_option }}</p>
   		</div>
      
             {% if forloop.last == true %}
	</div>
      {% endif %}