Zum Inhalt

Call to Action Banner für Erlebniswelten

Hier geht's zur Demo

Call-To-Action Banner dürfen in keinem Online Shop fehlen - auch nicht in Shopware 6. Einfache Bildbanner lassen sich zwar ausreichend gestalten und verlinken, jedoch hast Du durch Text im Bild keine Vorteile in der Suchmaschinenoptimierung und wirst wahrscheinlich Probleme mit der Mobilen Ansicht haben.

Übrigens: Die App Listing Störer für Shopware 6 ist die perfekte Ergänzung.

Installation

  1. Installiere Foundation

  2. Optional: In dieser App ist ein Demo Paket Enthalten.

Nun kannst du das Element in deinen CMS Seiten nutzen.

Einstellungen

Grundeinstellungen

  • Element Typ: Wähle zwischen Call-To-Action, Custom, Kategorie-Teaser oder Produkt-Teaser
  • Element Höhe: Bestimme die Mindesthöhe für das Element

Medien und Hintergrundbilder

Du kannst Bilder und Videos im Hintergrund einfügen und hast viele Möglichkeiten dein Hintergrund anzupassen. Außerdem gibt es einige Hover Animationen und Effekte.

Inhalte

Hier kannst du die Inhalte pflegen, ein Icon und einen Call-To-Action Button konfigurieren.

Ausrichtungen

Du findest hier einige Anpassungsmöglichkeiten für die Ausrichtung.

Animationen

Scss Compiler

Nutze ganz einfach zusätzliche Style Anpassungen mit dem eingebauten Scss Compiler.

/* Insert element SCSS here */
/* Insert background SCSS here */
.background {
}
/* Insert overlay SCSS here */
.overlay {
    /* Insert box SCSS here */
    > div {
        /* Insert heading SCSS here */
        h3 {
        }
        /* Insert button SCSS here */
        .btn {
        }
    }
}
/* Insert hover SCSS here */
&:hover {
}

Kommentare

Zurück zum Seitenanfang