Product Selector Styling steuert, wie Kunden Produktvarianten, Preisoptionen, Mengen und Upsell-Auswahlen auf der Product Details Page auswählen. Durch Dropdown- und Pills-Layouts kannst du das Einkaufserlebnis an dein Store-Design anpassen und gleichzeitig die Produktwahl verständlicher gestalten.
Product Selector Styling unterstützt aktuell zwei Darstellungsformen:
Dropdown: Zeigt Produktoptionen in einem kompakten Dropdown-Menü.
Pills: Zeigt Produktoptionen als klickbare Button-Elemente direkt auf der Seite.
Vorteile von Product Selector Styling
Eine klare Darstellung der Auswahloptionen verbessert die Kaufentscheidung und reduziert Reibung im Checkout.
Bessere Sichtbarkeit von Produktoptionen: Pills zeigen alle Optionen direkt sichtbar an.
Einheitliches Store-Design: Varianten, Mengen, Upsells und Preisoptionen folgen einem einheitlichen UI-Stil.
Bessere Mobile-Optimierung: Optimiert für Desktop- und Mobile-Erlebnisse.
Mehr Design-Flexibilität: Wahl zwischen kompaktem Dropdown oder visuellem Pills-Layout.
Bessere Vorschau-Genauigkeit: Darstellung ist in Builder Preview und Page Builder identisch sichtbar.
Dropdown vs. Pills Selector Styles
Dropdown Style
Dropdown eignet sich für klassische, kompakte Auswahlfelder.
Best geeignet für:
Produkte mit vielen Varianten
Platzsparende Produktseiten
Klassisches UX-Design
Stores, die Standardverhalten beibehalten wollen
Pills Style
Pills zeigt alle Optionen als sichtbare Buttons direkt auf der Seite.
Best geeignet für:
Produkte mit wenigen Varianten
Visuell starke Produktseiten
Bessere Vergleichbarkeit von Optionen
Stores mit modernem UI-Fokus
So richtest du Product Selector Styles ein
Gehe in den Store Builder von ProfitBoost.
Öffne die Product Details Page.
Wähle das Product Element aus.
Im Einstellungsbereich „Variants Styling“ auswählen.
Wähle einen Style:
Dropdown
Pills
Preview im Builder prüfen.
Seite speichern und veröffentlichen.
Wichtige Hinweise
Dropdown ist weiterhin der Standard für bestehende Stores.
Bestehende Stores werden nicht automatisch auf Pills umgestellt.
Pills zeigt alle Varianten direkt sichtbar an.
Pills unterstützt nur Single-Selection pro Variantengruppe.
Farbanpassungen für Quantity sind nur im Pills-Modus verfügbar.
Häufige Fragen
Wird mein bestehender Store automatisch geändert?
Nein, bestehende Stores bleiben bei Dropdown.
Was ist der Unterschied zwischen Dropdown und Pills?
Dropdown ist ein Auswahlmenü, Pills sind sichtbare Buttons.
Wann sollte ich Pills nutzen?
Wenn du Optionen visuell hervorheben und schneller auswählbar machen willst.
Wann sollte ich Dropdown nutzen?
Wenn du viele Varianten hast oder eine kompakte Darstellung willst.
Kann man mehrere Optionen pro Gruppe wählen?
Nein, nur eine Option pro Variantengruppe.
Funktionieren Multi-Price-Optionen genauso?
Ja, sie nutzen dieselbe Styling-Logik wie Varianten.
Kann ich das vor Veröffentlichung testen?
Ja, über Builder Preview.
Gilt das auch für Mobile?
Ja, das Layout ist responsive optimiert.