Zum Inhalt

Produktdarstellung im Visual Composer

Mit einem Pagebuilder wie dem WPBakery Page Builder (früher „Visual Composer“) lässt sich eine Rasteransicht mehrerer Produkte nachbauen, z. B. um Produkte in mehreren Spalten mit frei wählbarer Spaltenzahl anzuzeigen.

Vorgehen

  1. Laden Sie dieses Produkttemplate für die Rasteransicht herunter und entpacken Sie es.
  2. Kopieren Sie die Datei Product_grid_view.phtml in die User-Views unter wp-content/uploads/wpsg/user_views/produkttemplates/.
  3. Legen Sie im Pagebuilder die gewünschten Spalten an und fügen Sie in jede Spalte ein Element Textbereich ein.
  4. Wählen Sie im Textbereich über den Warenkorb-Button das Produkt und als Template Product_grid_view.phtml aus und fügen Sie es ein. Alternativ tragen Sie den Shortcode direkt ein, z. B. [wpshopgermany product="12" template="Product_grid_view.phtml"].

Das Template zeigt Bild, Titel, Preis mit Steuer- und Versandhinweis sowie einen Button zur Detailseite des Produkts an; einen Button „In den Warenkorb“ enthält es nicht. Mehr zu den Shortcodes unter Produkt einfügen.

Produkt per Warenkorb-Button mit dem Rastertemplate einfügen

Hinweis

Das Template stammt aus dem Jahr 2018. Die darin verwendeten Shop-Funktionen gibt es in Version 4.6 weiterhin; Gestaltung und Funktionen neuerer Standardtemplates (z. B. standard3.phtml) enthält es aber nicht.