Den Look shoppen

Über die Erweiterung

Shop The Look verwandelt Ihren Shopware 6 CMS-Builder in ein interaktives Shopping-Erlebnis. Platzieren Sie klickbare Hotspots direkt auf Lifestyle- oder Outfit-Fotos, verknüpfen Sie jeden Pin mit einem Produkt und ermöglichen Sie Kunden, Varianten auszuwählen und Artikel in den Warenkorb zu legen – ohne die Seite zu verlassen.

Zwei leistungsstarke CMS-Elemente in einem Plugin

Das Plugin fügt Ihrem Shopware Experience Worlds-Seiteneditor zwei gebrauchsfertige Blöcke hinzu. Der Shop The Look-Block zeigt ein Look-Bild mit interaktiven Hotspot-Pins und einem optionalen Produktlistenbereich nebeneinander. Der Shop Look Slider-Block verwandelt mehrere Bilder in ein wischbares, verlinktes Karussell – ideal für Kollektionen oder saisonale Kampagnen.

Shop The Look-Block einrichten

Navigieren Sie zu Admin → Inhalte → Erlebniswelten und öffnen oder erstellen Sie ein CMS-Layout. Im Block-Auswahlfenster links finden Sie beide Blöcke unter der Kategorie Bild. Ziehen Sie den Shop The Look-Block per Drag-and-drop auf Ihre Seite und klicken Sie darauf, um das Konfigurationsfenster zu öffnen.

Laden Sie im Tab Inhalt Ihr Lifestyle-Bild hoch und klicken Sie auf Hotspot hinzufügen, um Pins zu setzen. Legen Sie für jeden Hotspot die X- und Y-Position als Prozentwert der Bildabmessungen fest und weisen Sie über das Suchfeld ein Produkt zu. Aktive Hotspots erscheinen als blaue Punkte in der Editorvorschau; der aktuell bearbeitete Hotspot wird rot dargestellt. Mindestens ein Hotspot mit zugewiesenem Produkt ist erforderlich, bevor die Seite gespeichert werden kann.

Wählen Sie im Tab Einstellungen einen der vier Layout-Stile: Bild → Produkte, Produkte → Bild, Nur Bild oder Nur Produkte. Aktivieren oder deaktivieren Sie Preise, Variantenauswahl, den einzelnen In-den-Warenkorb-Button und den Alle-in-den-Warenkorb-Button je nach Ihren Anforderungen.

Shop Look Slider-Block einrichten

Ziehen Sie den Shop Look Slider-Block auf Ihr Layout und klicken Sie darauf, um ihn zu konfigurieren. Laden Sie im Tab Inhalt Ihre Slide-Bilder hoch und ordnen Sie diese per Drag-and-drop neu an. Im Tab Einstellungen legen Sie eine optionale Überschrift fest, konfigurieren Sie Navigationspfeile und Punktanzeigen (Innen, Außen oder Keine) sowie Übergangsgeschwindigkeit und Autoplay-Intervall. Wählen Sie für jeden Slide einen Link-Typ – CMS-Seite, Kategorie- oder Produktdetailseite oder eine benutzerdefinierte URL – und legen Sie fest, ob der Link in einem neuen Tab geöffnet wird.

Variantenauswahl und Warenkorb-Verhalten

Wenn die Variantenauswahl aktiviert ist, wählen Kunden Größen und Farben direkt im Produktlistenbereich über Radio-Buttons und Farbfelder aus. Das Plugin ermittelt die korrekte Variante in Echtzeit mit einem Exakt-Treffer-Algorithmus und einem Best-Match-Fallback. Ist eine ausgewählte Variante nicht vorrätig, wird die In-den-Warenkorb-Aktion deaktiviert und eine entsprechende Meldung angezeigt. Der Alle-in-den-Warenkorb-Button berücksichtigt individuelle Produkt-Checkboxen, sodass Kunden einzelne Artikel abwählen können.

„Complete The Look" auf Produktdetailseiten

Diese Funktion erfordert keine zusätzliche Konfiguration. Sobald ein Produkt als Hotspot in einem veröffentlichten Shop The Look-Element verwendet wird, zeigt seine Produktdetailseite automatisch einen Complete The Look-Bereich unterhalb des Querverkauf-Bereichs an. Dieser Bereich listet alle anderen Produkte auf, die gemeinsam mit ihm in einem Look erscheinen – inklusive Variantenauswahl, Preisen und einzelnen In-den-Warenkorb-Buttons.

Saubere Deinstallation

Beim Entfernen des Plugins über den Shopware Plugin-Manager können Sie alle Plugin-Daten löschen oder beibehalten. Bei Löschung werden alle vom Plugin erstellten CMS-Slots, Blöcke und Konfigurationseinträge automatisch aus der Datenbank entfernt – ohne verwaiste Daten. Wenn Sie das Plugin später neu installieren möchten, wählen Sie „Benutzerdaten behalten", um bestehende Layouts zu sichern.

Kompatibel mit Shopware 6.6 und 6.7. Unterstützt englische und deutsche Storefronts von Haus aus.