9 Shop-Layouts
WooCommerce-Katalog-Layouts: Spaltenanzahl und Seitenleistenpositionen, Kategorieseiten, Filterseiten, danach Warenkorb und Kasse.
Zuletzt aktualisiert am
- 4 Spalten (öffnet in einem neuen Tab)
- 3 Spalten (öffnet in einem neuen Tab)
- 2 Spalten (öffnet in einem neuen Tab)
- 1 Spalte (öffnet in einem neuen Tab)
- Produkt-Layouts (öffnet in einem neuen Tab)
- Kategorien - Parallax (öffnet in einem neuen Tab)
- Kombinationsfilter (öffnet in einem neuen Tab)
- Warenkorb (öffnet in einem neuen Tab)
- Kasse (öffnet in einem neuen Tab)
Jeder Link öffnet eine echte Seite auf der Live-Showcase, gestaltet mit demselben Theme und denselben Blöcken, die Sie installieren.
Shop-Seiten aus Blöcken und Vorlagen
WooCommerce übernimmt den Shop: Produkte, Lagerbestand, Warenkorb und Zahlungen. Canvas gestaltet die Seiten, die Kundinnen und Kunden durchlaufen, und jedes dieser Layouts entsteht aus Bausteinen, die mit dem Theme und seinem Plugin ausgeliefert werden.
Katalogspalten
Die vierspaltige Seite ist die WooCommerce-Shopseite selbst, die vom Produktarchiv-Template des Themes gestaltet wird. Die dreispaltigen, zweispaltigen und einspaltigen Seiten enthalten den Block Canvas Products, dessen Einstellung Columns die Zeilenaufteilung bestimmt, und zwar auf einer Seite mit einem der vier Shop-Templates: volle Breite oder eine Seitenleiste links, rechts oder auf beiden Seiten.
Produktseite
Ein Produkt erhält sein Layout von einem Template, das Sie beim Bearbeiten auswählen. Neben der Standardseite gibt es Varianten mit einer Seitenleiste links, rechts oder auf beiden Seiten, eine fixierte Zusammenfassung, Farbmuster und eine Spezifikationsliste. Außerdem gibt es das Linked-Gallery-Template, das auch als Karussell verfügbar ist.
Kategorie-Banner
Ein Stapel vollhoher Parallax Image-Blöcke mit je einem Bild pro Kategorie, die sich beim Scrollen der Seite bewegen. Die Blöcke verfügen über ein eigenes Overlay und eigene Inhalte, sodass eine Überschrift und ein Button Kundschaft direkt in diesen Bereich des Shops führen können.
Kombinationsfilter
Der Block Canvas Products mit zwei Grid Filter-Leisten darüber, eine mit dem Label „Select Category“ und eine mit dem Label „Sort By“, sodass Käufer den Katalog sofort auf einen Typ eingrenzen und nach Name oder Preis sortieren können, ohne die Seite neu zu laden.
Warenkorb
Der Showcase-Warenkorb verwendet den Cart-Block, den WooCommerce mitliefert. Canvas ergänzt die eigenen Blöcke Canvas Cart Table und Canvas Cart Totals für Shops, die die Warenkorbseite Block für Block gestalten möchten.
Kasse
Ein leerer Warenkorb hat keinen Checkout zum Anzeigen, daher öffnet dieser Link den Checkout der Christmas Store-Demo, der mit den Blöcken Canvas Checkout Billing und Checkout Order Review erstellt wurde. Diese Demo wird samt Produkten und diesem Checkout importiert.
Welches Shop-Layout passt zu Ihrem Katalog
Lassen Sie die Größe des Katalogs den Ausschlag geben. Eine kleine Auswahl an Produkten mit starken Fotos wirkt in breiten Karten am besten, also zwei oder drei pro Zeile, oder eine einzelne Spalte, wenn jedes Produkt einen eigenen Absatz benötigt. Ein großer Katalog braucht mehr Inhalt gleichzeitig auf dem Bildschirm, wofür die Shopseite mit vier Spalten gedacht ist.
Verwenden Sie den Kombinationsfilter, wenn Käufer zwei Kriterien zugleich im Blick haben, zuerst den Typ und dann den Preis. Platzieren Sie Kategoriebanner auf der Startseite oder in einem Lookbook, wo das Bild verkauft, bevor das Raster ins Spiel kommt.
Wählen Sie auf der Produktseite die Vorlage danach aus, was Kunden zum Kauf bewegt. Kleidung verkauft sich über die Farbe, daher hat die Version mit Farbmustern hier ihre Berechtigung. Technische Produkte verkaufen sich über Details, wofür die Spezifikationsliste da ist, und eine fixierte Zusammenfassung hält Preis und Button auf langen Seiten im Blick.
Von den 88 Demo-Websites werden 21 als WooCommerce-Shops importiert, mit fertig eingerichteten Produkten, Kategorien sowie den Seiten für Warenkorb und Kasse.
Die Shop-Funktionen
24 WooCommerce-Blöcke und 18 Shop-Templates, von der Produktgalerie bis zur Bestellübersicht.
Die Anleitung
Produkte, eine Shop-Seite, eine Produktseite, ein Warenkorb und eine Kasse, in der Reihenfolge, in der Sie sie erstellen würden.
Die Shop-Demos
Mode, Keramik, Möbel und mehr, jeweils Seite für Seite in der Vorschau, bevor Sie sie importieren.
Der Rest der Bibliothek
Mit einer fertigen Seite starten
Alle 141 Layouts sind in jedem Tarif enthalten, neben jedem Block und jeder Demo-Website.