Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

Über Administation → Themes → Themes → Auswahl Theme sind folgende Einstellungen interessant für die Darstellung des Warenkorbs und der Merkliste.

Hinweis: Nach Änderungen der Variablen muss dieses Theme zuerst über "Theme erzeugen" neu erzeugt werden.


   
ReiterVariable(n)Beschreibung
framework-container$shop-framework-container-variant-basket-gutterDefiniert die allgemeinen Abstände der Warenkorb-Container.
framework-container$shop-framework-container-variant-
  basket-[image, content, actions, notifications]-
            width-[xs, sm, md, lg]

Mit diesen Variablen können die Breiten der vier Layout-Bereiche eines Eintrags in der Auflistung der Warenkorbartikel definiert werden. Diese sollten allerdings, gerade bei Verwendung prozentualer Werte, miteinander schlüssig sein.
Über diese Variablen ist es möglich, die Layout-Bereiche auf breiteren Geräte nebeneinander und auf schmäleren Geräten untereinander darzustellen.

framework-container$shop-framework-container-variant-basket-actions-breakpointBestimmt die Breite, ab dem der Bereich für die Aktionen der Toolbar nebeneinander und den Hintergrund $shop-framework-container-variant-basket-actions-background dargestellt wird.
framework-container$shop-framework-container-variant-basket-actions-backgroundHintergrundfarbe, welche den Aktionen nach Umbruch durch $shop-framework-container-variant-basket-actions-breakpoint gegeben wird.
shop-listingDefiniert die maximale Breite der Auflistungen. Diese Variante wird den Preisen gegeben.
shop-basket-divider$shop-basket-divider-gutterAbstand zu anderen Elementen.
shop-basket-divider$shop-basket-divider-insetAbstand links und rechts. Falls eine Einrückung der Trennlinie gewünscht ist.
shop-basket-divider$shop-basket-divider-[width, color, style]Definiert den Rahmen, welcher als Trenner dargestellt wird.
$shop-basket-image$shop-basket-image-ratioVerhältnis von Höhe und Breite des Bildes in Prozent.

Eine CartEntity definieren

...