Eine Schritt-für-Schritt-Anleitung zum Hinzufügen von Variantenselektoren in Shopify auf Kategorieseiten.
Ein Variantenselektor ist ein Tool, mit dem Sie mehrere Versionen desselben Produkts mit unterschiedlichen Attributen erstellen können. Sie können diese Funktion auf Sammlungs-, Verkaufs- und Warenkorbseiten nutzen.
In diesem Artikel werden wir besprechen, wie Sie einen Variantenselektor zu Ihrer Kategorieseite mit dem Shopify Builder Tool hinzufügen können. Wir werden dazu das Beispiel "Kopfhörer mit Geräuschunterdrückung" verwenden.
Um einen Variantenselektor zu Ihren Kategorieseiten in Shopify hinzuzufügen, müssen Sie Ihr Sammlungstemplate bearbeiten.
Hier sind die Schritte, die Sie befolgen können:
- Gehen Sie in Ihrem Shopify Adminbereich zu "Online-Shop" und klicken Sie dann auf "Themes".
- Suchen Sie das Theme, das Sie bearbeiten möchten, und klicken Sie auf die Schaltfläche "Aktionen". Wählen Sie aus dem Dropdown-Menü "Code bearbeiten".
- Im Verzeichnis "Templates" klicken Sie auf die Datei "collection.liquid". Dies ist das Template, das das Layout und den Inhalt Ihrer Kategorieseiten steuert.
- Finden Sie die Stelle im Template, an der Sie den Variantenselektor hinzufügen möchten. Dies geschieht typischerweise oben auf der Seite, oberhalb der Produktlisten.
- Fügen Sie den folgenden Code zu Ihrem Template hinzu, um den Variantenselektor anzuzeigen:
Code kopieren
{% for variant in product.variants %} <label for="variant-{{ variant.id }}"> {{ variant.title }} </label> <input type="radio" id="variant-{{ variant.id }}" name="variant" value="{{ variant.id }}" {% if variant == product.selected_or_first_available_variant %} checked="checked"{% endif %}> {% endfor %}
Dieser Code durchläuft alle Varianten des Produkts und erstellt für jede Variante eine Radio-Schaltfläche. Die ausgewählte Variante ist standardmäßig die angekreuzte.
- Speichern Sie Ihre Änderungen und veröffentlichen Sie Ihr Theme, um den Variantenselektor auf Ihren Kategorieseiten sichtbar zu machen.
Vorteile der Verwendung von Produktvarianten auf Ihrer Shopify-Website
Erhöhte Produktauffindbarkeit: Indem verschiedene Varianten eines Produkts (wie z. B. verschiedene Größen oder Farben) angeboten werden, können Kunden leichter das gesuchte spezifische Produkt finden, was zu erhöhten Umsätzen führen kann.
Verbesserte Organisation: Produktvarianten können Ihnen helfen, Ihren Produktkatalog organisiert und einfach zu durchsuchen, da Kunden ihre Suchergebnisse nach Variante filtern können.
Vereinfachte Bestandsverwaltung: Wenn Sie ein System verwenden, das die Bestandsverfolgung auf Variantenebene ermöglicht, können Sie Ihren Lagerbestand einfacher verwalten und vermeiden, Artikel zu verkaufen, die nicht vorrätig sind.
Erhöhte Upselling-Möglichkeiten: Durch das Anbieten verwandter Produktvarianten können Sie Kunden zusätzliche Optionen präsentieren, die sie interessieren könnten, was potenziell zu erhöhten Umsätzen führen kann.
Verbessertes Kundenerlebnis: Das Anbieten von Produktvarianten kann das gesamte Einkaufserlebnis für Kunden verbessern, indem es ihnen mehr Optionen zur Auswahl gibt und es ihnen erleichtert, die Produkte zu finden, die sie suchen.
Fazit:
Nachdem Sie den vollständigen Artikel gelesen haben, können Sie Variantenselektoren in Shopify auf der Kategorieseite hinzufügen. Wenn Sie Hilfe von Shopify-Designern und -Entwicklern benötigen, um Funktionen und Merkmale in Ihrem Shopify-Shop zu aktualisieren, zu ändern und hinzuzufügen, kontaktieren Sie uns noch heute.
Sie können den Variantenselektor basierend auf Produktmaterial, Größen und Farben anzeigen. Im Folgenden finden Sie die verschiedenen Variantenselektor-Optionen, die Sie mit Hilfe unserer Shopify-Webdesigner und -Entwickler zu Ihrem Shopify-Shop hinzufügen können.