📗
Coolbax - Docs
  • Einführung
  • Handbücher
    • Administration
      • ADCELL Affiliate Tracking + Retargeting
      • Google Shopping + Instagram (+ mehr) Professionell
        • Einbindung des Feed
      • Google Taxonomie / Shopping
      • Produktübersicht + Filtereditor Professionell
      • Statistik Professionell
    • Marktplätze
      • Bestellverwaltung + GPRS
        • Produktsicherheitsrichtlinien
      • Amazon Bestellimport
        • Zugangsdaten Amazon
      • Amazon Lagerabgleich
      • Amazon Prime
      • eBay Bestellimport
        • Zugangsdaten eBay
      • eBay Produktexport
        • eBay Account einrichten
      • Etsy Bestellimport
        • Zugangsdaten Etsy
      • Galaxus Bestellimport
      • Galaxus Produktexport
      • Hood Bestellimport
      • Kaufland Bestellimport
      • OTTO Bestellimport
        • Zugangsdaten OTTO
    • Storefront
      • Amazon Dropdown Menü
      • Bildvorschau per Mousehover
      • Breadcrumb Erweiterung
      • Cross Selling / Zubehör
      • Hersteller Professionell
      • Lexikon / Glossar
      • Produktbilder in den Kategorien als Slider
      • SEO Banner Professionell
      • Sticky Menü Professionell
  • Theme
    • Die ersten Schritte
    • Theme Einstellungen
      • Allgemeine
      • Typografie & Farben
      • Logos
      • Layout
      • Hintergrund Bilder
      • Header
      • Footer
      • Produkt Kategorie
      • Produkt Detail
      • Checkout
      • Erweiterungen
      • Weiteres
    • Kategorie Einstellungen
    • Produkt Einstellungen
    • Erlebniswelten
    • System Einstellungen
Powered by GitBook
On this page
  • Installation & Demo
  • Plugin Einstellungen
  1. Handbücher
  2. Storefront

Bildvorschau per Mousehover

Hier erfahren Sie alles über die Installation sowie die Einstellungsmöglichkeiten in dem Plugin. Sie erhalten zudem Beispiele für die unterschiedlichen Darstellungsmöglichkeiten im Frontend.

Last updated 1 year ago

Installation & Demo

Sie können das Plugin . Das Plugin wird wie ein ganz gewöhnliches Plugin installiert. Sollten Sie zum ersten Mal ein Plugin installieren, finden Sie unter dem folgenden Link eine Anleitung zur Installation von Plugins:

Nach der Installation des Plugins schalten Sie das Plugin aktiv und öffnen die Konfigurationsmaske. Hierzu klicken Sie auf die drei Punkte in der letzten Spalte und wählen "Konfiguration".

Das Plugin im Demoshop ansehen:

Plugin Einstellungen

Manche Einstellungen werden erst sichtbar, wenn Sie den Cache leeren. Gehen Sie hierfür zu: Einstellungen > System > Caches & Indizes und nutzen den Button: Cache leeren

Feldname
Bedeutung

Aktiv

Das Plugin für den jeweiligen Shop aktivieren oder deaktivieren.

Anzeigen in

Bestimmung der Anzeige auf Endgeräte (Mehrfachauswahl möglich).

Vorschaubereich kann nach Innen oder Außen der Produktbox aufgehen.

Maximale Anzahl der Bilder im Vorschaubereich.

Aufklappgeschwindigkeit

Bestimmen Sie die Aufklappgeschwindigkeit des Vorschaubereich.

Beim Aktivierung wird ein Schatten und/oder Rahmen um die Produktbox angezeigt (Mehrfachauswahl möglich).

Position des Image Sliders

Der Bereich in dem sich die Vorschaubilder befinden, kann innerhalb oder außerhalb der Produktbox ausgeklappt werden.

  • Anzeigemodus = Außen: Der Bereich mit den Vorschaubilder schiebt sich an der linken Seite der Produktbox nach außen. Elemente welche sich in diesem Bereich befinden, werden überdeckt.

  • Anzeigemodus = Innen: Der Bereich mit den Vorschaubilder schiebt sich von der linken Seite nach Innen in die Produktbox und schiebt den Inhalt der Produktbox etwas zusammen.

Maximale Anzahl Bilder

Bestimmen Sie, wie viele Bilder sich maximal im eingefahrenen Vorschaubereich befinden können.

Sollte der Platz für die Anzahl nicht ausreichen, wird automatisch ein vertikaler Slider eingefügt.

Lassen Sie den Platz leer, wenn Sie alle verfügbaren Bilder darstellen möchten.

Hover-Effekt

Sie haben die Möglichkeit ein Rahmen und/oder einen Schatten um die Produktbox und den Vorschaubereich zu legen. Beides gleichzeitig ist ebenfalls möglich.

Position des Image Sliders
Maximale Anzahl Bilder
Hover-Effekt
hier über den Shopware Community Store erwerben
Shopware 6 - Erweiterungen - Meine Erweiterungen
Shopware Handbuch zur Installation von Apps & Plugins
FashionShopware 6
Plugin live im Demoshop anschauen
Beispiel für: Anzeigemodus: Außen
Beispiel für: Anzeigemodus: Innen
Beispiel: Hover-Effekt: Rahmen
Beispiel: Hover-Effekt: Schatten
Logo
Logo