Varianten Optionen ausgeben lassen (Detailseite)

[infuso91]

Hallo zusammen,

gibt es eine Möglichkeit die einzelnen Varianten Optionen auf der Detailseite einblenden zu lassen? An die Eigenschaften bin ich so gekommen:

{% for properties in page.product.properties %}
{{ properties.translated.name }}
{{ properties.groupId }}


{% endfor %}

Mit folgendem hatte ich keinen erfolg:

{% if page.product.variations is not empty %}
        <div class="product-variant-name">
            <h4>{{ "Aktuelle Variante" | trans }}</h4>
            <p>
                {% set firstVariation = page.product.variations|first %}
                {{ firstVariation.option.name }}
            </p>
        </div>
    {% endif %}

Wie kann ich das Gleiche für die Variantenoptionen erreichen? Viele dank schon mal für jede Antwort!

[R4M]

Alternativ gibt es auch Plugins, die Varianten mit der Option als Tabelle unter den Details auch gleich mit Mengenauswahl und Warenkorbbutton darstellen.

[infuso91]

Danke für die Antwort, aber das würde mir nur kurzzeitig helfen. Ich habe mit den Einzelnen Optionen noch ein wenig was vor, ich muss nur einmal heraus finden, wie ich diese Ansprechen kann. Bei den Eigenschaften hat das ganze schon wunderbar funktioniert.

[Teddie]

page.product.options

[infuso91]

Hi, danke für die Antwort: genau das war die Lösung! Ich konnte so zum Beispiel die Varianten und entsprechende Gruppen Bezeichnung ausgeben lassen:

 {% if page.product.options is not empty %}
        <div class="product-variant-name">
            <h4>{{ "Aktuelle Variante" | trans }}</h4>
            <p>
                {% for option in page.product.options %}
                    {{ option.group.name }}: {{ option.name }}
                {% endfor %}
            </p>
        </div>
        {% endif %}

Oder ein spezielles div nur bei einer bestimmten Variante ausgeben:

        {% for option in page.product.options %}
    {% if option.group.name == "Abdeckung" and option.name == "ohne Abdeckung" %}
        <div class="special-offer">
            <h4>Besonderes Angebot für die Farbe Rot!</h4>
            <p>Dieses spezielle Angebot gilt nur für die rote Variante.</p>
        </div>
    {% endif %}
{% endfor %}