Hey @jan_koe
Ist die UX des was du erreichen möchtest gut durchdacht aus der User Perspektive?
Ehrlich gesagt, könnte das was du erreichen möchtest nicht die beste UX und Kundenerfahrung ergeben wenn deine Produkte mehr als 100 Größen im Dropdown haben die alle unterschiedliche Preise haben. Könnte das beispielsweise zu erhöhten Retouren führen aufgrund fälschlich ausgewählten Varianten im Warenkorb. Wie ist das Verhältnis Istwert zu Sollwert im Kopf des USer wie. z. B. bekommt der Kunde genau das was er oder sie erwartet? Oder könnte das dann auch die Reklamierungen und Streitigkeiten erhöhen und damit deinen Stress und Kosten als Shopinhaber?
Eins der Prinzipien des UX Designs und Design Thinking: Simplicity is key! Eine weitere Möglichkeit besteht darin, deine Produkt in weitere Produkte aufzuteilen, um die Optionen zu vereinfachen, mit weniger als 100 Varianten. Dies könnte die UX für deine Kunden verbessern sowie eine einfachere Verwaltung deiner Produkte ermöglichen. Letztendlich hängt die beste Lösung von den spezifischen Bedürfnissen deiner Kunden ab. Es könnte hilfreich sein, Feedback von den Kunden einzuholen, um zu verstehen, was für sie am bequemsten und verständlichsten wäre.
Das ganze hängt somit stark von der spezifischen Situation und den Bedürfnissen deiner Kunden ab. Für einige Benutzer könnte es verwirrend sein, wenn sie auf der Suche nach einem Produkt sind und sie z. B. 100 Größen durchklicken müssen im Dropdown die alle, wie gesagt, unterschiedliche Preise haben. Ich sehe da Reibungen im Clickfunnel deiner Kunden voraus, was dann auch die Absprünge erhöht und deine Conversions reduziert.
Ein weiterer wichtiger Aspekt der Benutzererfahrung ist die Klarheit der Preise. Wenn man unterschiedliche Preise für verschiedene Größen haben, sollten diese deutlich und transparent für den Kunden angezeigt werden. Eine App, die es ermöglicht, unterschiedliche Preise für verschiedene Größen anzugeben und diese klar anzuzeigen, könnte daher die Benutzererfahrung verbessern, wie die Apps die ich bereits empfohlen habe.
Wenn die Apps nicht helfen und du das ganze DIY erreichen möchtest:
Das Programmieren einer solchen Funktion in Shopify erfordert Kenntnisse in Liquid (Shopifys eigene Vorlagensprache), HTML, CSS und möglicherweise JavaScript. Die genaue Implementierung hängt stark vom Theme und den individuellen Anforderungen ab. Im Allgemeinen könnte der Prozess folgendermaßen aussehen:
- Produkteigenschaften anpassen: du kannst beispielsweise die Größen als Metafelder oder Produktvarianten in Shopify definieren. Jede Größe wäre eine eigene Option oder ein eigenes Metafeld.
- Dropdown-Menü erstellen: dann ein Dropdown-Menü Kästchen im Produkttemplate erstellen, das diese Größen anzeigt. Das könnte mit Liquid und HTML erreicht werden.
- JavaScript für die Preisaktualisierung: dann einen JavaScript verwenden, um den Preis zu aktualisieren, wenn eine Größe aus dem Dropdown-Menü ausgewählt wird. Der Code würde den ausgewählten Wert erfassen und den Preis entsprechend aktualisieren.
Hier ein Beispiel, wie das in Code aussehen könnte:
<select id="size-selector">
{% for variant in product.variants %}
<option value="{{ variant.id }}" data-price="{{ variant.price }}">{{ variant.title }}</option>
{% endfor %}
</select>
<script>
document.getElementById('size-selector').addEventListener('change', function(e) {
var selectedOption = e.target.options[e.target.selectedIndex];
var price = selectedOption.getAttribute('data-price');
// Jetzt können Sie den Preis irgendwo auf der Seite anzeigen.
// Dies ist nur ein einfaches Beispiel und muss an Ihren spezifischen Code angepasst werden.
document.getElementById('price-display').innerText = price;
});
</script>
Beachte, dass man dabei auch die Währungsformatierung berücksichtigen muss, und sicherstellen, dass der ausgewählte Preis korrekt in den Warenkorb übertragen wird, und möglicherweise zusätzlichen Code hinzufügen, um das Dropdown-Menü benutzerfreundlicher zu gestalten.
Wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du die hier eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative beeinflussen und 2) dein Theme aus den Theme Updates ausschließen.
Das obige ist also Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
