Klasse Theme! Und du hast den Thread von Gabe hier unten in den Empfehlungen gesehen. Nur die teuerste Variante da anzuzeigen ist kein typischer Use-Case der oft angewendet wird, da es ja gegen die Regel des "Vanity Pricing" verstoßt, sprich, die Kunden mit dem niedrigsten anstatt den teuersten Preis anzulocken. Die Verbraucher Psychologie winkt hier mit dem Zaunpfahl... 😉
In den Code einzugreifen ist außerdem nicht zu empfehlen wenn der CSS Editor nicht mehr ausreicht, wie in so einem Fall, da das dein Broadcast Theme dann aus den Theme Updates ausschließen wird und du die neuen Features der nächsten Iteration des Themes dann nicht mehr geniessen kannst. Um den Max Preis anstatt den "Von" Preis da anzuzeigen wird es einen ziemlichen Eingriff in den Theme Code verlangen, wie du in Gabe's Thread lesen kannst und das kann ein Experte für euch programmieren wenn ihr keine App dafür gefunden habt.
Hier ein Beispiel Code dafür das du in einer Kopie des Themes testen kannst:
{% assign highest_price = 0 %}
{% assign highest_variant = null %}
<!-- Schleife durch alle Varianten des Produkts -->
{% for variant in product.variants %}
{% if variant.price > highest_price %}
{% assign highest_price = variant.price %}
{% assign highest_variant = variant %}
{% endif %}
{% endfor %}
<!-- Wenn eine teuerste Variante gefunden wurde, zeige sie an -->
{% if highest_variant %}
<div class="product-information" style="--swatch-size: var(--swatch-size-filters);" data-product-information="">
<div class="product-item__info">
<a class="product-link" href="{{ product.url }}" data-product-link="{{ product.url }}">
<p class="product-item__title">{{ product.title }}</p>
<div class="product-item__price__holder">
<div class="product-item__price" data-product-price="">
<span class="price sale">
<span class="new-price">
<small>Von</small>
<span class="money">{{ highest_variant.price | money }}</span>
</span>
{% if highest_variant.compare_at_price > highest_variant.price %}
<span class="old-price"><span class="money">{{ highest_variant.compare_at_price | money }}</span></span>
{% endif %}
</span>
</div>
</div>
</a>
</div>
</div>
{% endif %}
- Schleife durch die Varianten: durchlaufe alle Varianten des Produkts mit der {% for %}-Schleife.
- Während der Schleife den Preis jeder Variante mit dem aktuellen highest_price vergleichen. Wenn der Preis der Variante höher ist, wird diese Variante als highest_variant gespeichert.
- Wenn wir am Ende der Schleife die teuerste Variante gefunden haben, wird sie angezeigt. Der Code zeigt den Preis der teuersten Variante an und, falls vorhanden, auch einen Vergleichspreis (compare_at_price), der durchgestrichen angezeigt wird.
Einbau in das Theme Code:
- Gehe in den Code, der die "Vorgestellte Kategorie"-Sektion in deinem Theme enthält (z.B. featured-collection.liquid oder ähnliches Template). Ersetze den Teil des Codes, der die Produkte anzeigt, durch den oben bereitgestellten Code und passe auch ggf. die CSS-Klassen und den HTML-Aufbau an.
