Sticky-Kaufleiste

Am unteren Rand fixierte Kaufleiste: Titel + ui.price + Warenkorb-CTA — erscheint erst nach dem ersten Scroll-Viewport (Controller)

Im Builder nutzen

Nutzt: ui.price

Beispiele

Fixierte Kaufleiste (im Live-Einsatz erst nach dem ersten Scroll-Viewport sichtbar)

EmpressEnvy 4-teiliges Dessous-Set9,49 €24,99 €In den Warenkorb

Eigenschaften

Prop	Typ	Default	Builder-Label
title *	string	—	Titel
amount *	string	—	Preis
originalAmount	string	""	Streichpreis
ctaLabel	string	"In den Warenkorb"	CTA

* Pflicht-Prop

Events & Slots

Events: ⚡ cart — im Surface per on: {<event>: {action, params}} verdrahtbar.

Genutzte Design-Tokens

border.hairlinecolor.action.on-primarycolor.action.primarycolor.action.primary-hovercolor.border.defaultcolor.surface.overlaycolor.text.defaultelevation.overlayfont.family.defaultlayer.toastlayout.containerradius.controlsize.3size.4size.6size.8text.mdweight.semibold