So verschieben Sie ausverkaufte Produkte kostenlos ans Ende der Shopify-Kollektion 🔚

Wenn Sie Produkte haben, die derzeit nicht vorrätig sind, kann es sinnvoll sein, sie am Ende der Produktliste Ihrer Kollektion anzuzeigen. So stellen Sie sicher, dass Kunden zuerst die verfügbaren Artikel sehen und erst danach die ausverkauften Produkte. In diesem Artikel zeige ich Ihnen, wie Sie das ganz einfach erreichen, indem Sie den Code im Kollektions-Template auf Shopify anpassen.

Warum ausverkaufte Produkte ans Ende verschieben? 🤔

Kunden möchten oft verfügbare Produkte sehen und schnell entscheiden, was sie kaufen können. Ausverkaufte Produkte ganz oben in der Liste können frustrierend und zeitraubend sein. Auch wenn ein Produkt ausverkauft ist, kann es weiterhin wichtig sein, es anzuzeigen – es sollte aber keine Priorität haben. Deshalb ist es sinnvoll, ausverkaufte Artikel ans Ende der Liste zu setzen.

Welche Möglichkeiten haben Sie?

• Apps aus dem App Store 💰 Im Shopify App Store gibt es Apps, die Produkte nach Verfügbarkeit sortieren. Die meisten davon sind jedoch kostenpflichtig und legen mehrere neue manuelle Kollektionen in Ihrem Admin an, die mit der Zeit sehr unübersichtlich und weniger zuverlässig werden können.
• Anpassung des Templates 👨‍💻 Eine zuverlässigere Option ist die Anpassung Ihres Templates. In unserer Anleitung zeigen wir Ihnen, wie es geht. Dieser Ansatz ist schneller, effizienter und erspart Ihnen monatliche Gebühren für kostenpflichtige Apps.

Wie passen Sie das Template kostenlos an?

1. Kopieren Sie den Code unten 👇🏻
2. Öffnen Sie Ihr Kollektions-Template, häufig benannt wie collection.liquid, main-collection.liquid oder main-collection-product-grid.liquid.
3. Suchen Sie die Stelle, an der über die Produkte der Kollektion iteriert wird; dieser Code beginnt meist so: {% for product in collection.products %}.
4. Ersetzen Sie diesen Code durch den neuen, speichern Sie die Datei und testen Sie sie.

{% assign available_products = collection.products | where: 'available' %}
{% assign out_of_stock_products = collection.products | where: 'available', false %}
{% assign products = available_products | concat: out_of_stock_products %}

{%- for product in products limit: section.settings.products_count -%} 
<!-- Your code for displaying products -->
{%- endfor -%}

Dieser Code teilt die Produkte in verfügbare und ausverkaufte auf und führt sie anschließend wieder zu einer einzigen Liste zusammen. Ausverkaufte Produkte erscheinen dann nach den vorrätigen.

Fertig! 🎉

Diese Anpassung hilft Ihnen, Ihre Kollektionen übersichtlich und benutzerfreundlich zu halten. Kunden können verfügbare Produkte leichter durchstöbern, ohne von ausverkauften Artikeln abgelenkt zu werden.

Wenn Sie sicherstellen möchten, dass ausverkaufte Produkte gar nicht erst in Kollektionen erscheinen, haben wir auch dafür eine ausführliche Anleitung. Im Artikel So blenden Sie ausverkaufte Produkte in Shopify-Kollektionen komplett aus erfahren Sie, wie Sie diese Anpassung ebenso einfach und schnell durch eine Template-Änderung vornehmen.