FROM CACHE - nl_header
Opgelost

Hoe zie ik de beschikbaarheid van options_by_name? - Emma

DealParty
Toerist
5 2 1

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

 

 

 

1 GEACCEPTEERDE OPLOSSING
DealParty
Toerist
5 2 1

Geslaagd.

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

 

Bekijk de oplossing in de community in het oorspronkelijke bericht

2 ANTWOORDEN 2

Maxime
Shopify Staff
447 52 43

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,

Maxime | Social Care @ Shopify 
 - Was mijn antwoord nuttig? Klik Like om het mij te laten weten! 
 - Is uw vraag beantwoord? Markeer het als een Accepted Solution
 - Kom meer te weten op Shopify Help Center of onze Shopify Blog

DealParty
Toerist
5 2 1

Geslaagd.

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