Hero-Produkt

 

Widget-Beispiel

Ein Beispiel dieses Widgets könnt ihr euch auf folgender Landingpage genauer ansehen:

https://showcase2.easytemplate360.de/Widget-Hero-Produkt

Beschreibung

Mit dem Hero-Produkt-Widget kannst du einzelne Produkte in deinem Shop ganz besonders hervorheben. Es zeigt das Produktbild und einen Text (optional einfach die Beschreibung des Produktes) an und ist automatisch zu dem entsprechenden Artikel verlinkt.

Eine Beispielansicht im Frontend

Dazu die Ansicht im Backend

  • Wir haben in unserem Beispiel die Überschrift “Unser Bestseller” gegeben, diese haben wir individuell gestaltet.

  • Die Größe zieht sich Contentbreite.

  • Wir haben zu dem Produkt “Messerblock” verlinkt haben einen eigenen Textinhalt gewählt und den wie im Screenshot ersichtlich bearbeitet.

  • Als Linkdarstellung haben wir “Button” gewählt.

  • Das Layout haben wir “Produktbild-Beschreibung” gesetzt und die Horizontale und Vertikale Bild-und Textgestaltung angepasst.

  • Den Hintergrund haben wir über individuelle Farben in grau gesetzt.

 

Eine Beispielansicht im Frontend, “volle Breite”

Dazu die Ansicht im Backend

  • In diesem Beispiel haben wir die Größe “volle Breite” gewählt, dass heißt, das sich der Inhalt des Heroproduktes über die Gesamte Bildschirmfläche zieht.

  • Als Beschreibungs-Quelle haben wir diesmal “Langbeschreibung” gewählt, diese haben wir vorher über die JTL WaWi eingepflegt.

  • Die “Linkdarstellung” haben wir diesmal als Link (zum Artikel) gewählt, siehe Screenshot.

  • Weitere Einstellungen haben wir nicht geändert.