Magento 2 Lookbook mit klickbaren Hotspots: Shop the Look
SKU: LOOKBOOK1
- per Klick im Admin positioniert, responsiv in Prozent
- Name, Preis und Warenkorb-Button direkt am Hotspot
- alle Produkte eines Bildes mit einem Klick in den Warenkorb
- eigene Lookbook-Seiten und CMS-Einbindung
Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.
Magento 2 Lookbook: aus Inspiration wird ein Warenkorb
Das Magento 2 Lookbook von Mironsoft verwandelt ein Bild in eine Einkaufsfläche: Redakteure setzen im Admin Hotspots auf Produkte, Besucher tippen darauf und sehen Name, Preis und Warenkorb-Button. Das Prinzip heißt Shop the Look und eignet sich für Einrichtungsbilder, Outfits, Werkstätten und alles, was aus mehreren Teilen besteht. Das Modul läuft mit Alpine.js und lädt keine zusätzliche Bibliothek.
Hotspot-Editor
Bild hochladen, im Admin auf die Stelle klicken, Produkt suchen: Position wird in Prozent gespeichert und bleibt responsiv.
Produktkarte am Punkt
Name, Preis, Verfügbarkeit und Warenkorb-Button erscheinen in einer Karte am Hotspot.
Look komplett kaufen
Optionaler Button legt alle verfügbaren Produkte des Bildes gemeinsam in den Warenkorb.
Mehrere Bilder
Pro Lookbook beliebig viele Bilder, sortierbar, mit Alt-Text und Titel je Store View.
Seite und Widget
Eigene Lookbook-Seite mit sauberer URL oder Einbindung per CMS-Widget in jede Seite.
Mobil bedienbar
Auf dem Smartphone öffnet ein Tipp die Karte, die Punkte bleiben auch auf kleinen Bildern treffsicher.
Warum ein Magento 2 Lookbook mehr leistet als ein Inspirationsbild
Ein schönes Foto weckt Wünsche, doch wer danach jedes Teil einzeln suchen muss, bricht ab. Händler suchen deshalb nach Magento 2 Shop the Look oder Magento 2 Bild mit klickbaren Produkten. Das Standard-System bietet dafür nichts: Verlinkte Bilder per HTML sind aufwendig, brechen bei responsiven Größen und zeigen keine Preise.
Ein Magento 2 Lookbook löst genau das. Sie pflegen Bild und Punkte einmal, der Katalog liefert Preis und Verfügbarkeit, und der Besucher kommt vom Bild in zwei Klicks in den Warenkorb. Ein Redakteur braucht dafür kein HTML und keine Entwicklerhilfe.
Magento 2 Hotspots auf Bild mit Produkten setzen, direkt im Admin
Im Admin laden Sie das Bild hoch und klicken auf die Stelle, an der ein Produkt sitzt. Ein Suchfeld findet das Produkt per Name oder SKU, ein Klick bestätigt. Die Position speichert das Magento 2 Lookbook-Modul in Prozent der Bildbreite und -höhe, damit der Punkt bei jeder Bildgröße an derselben Stelle sitzt. Punkte lassen sich nachträglich verschieben oder löschen.
- Produktsuche nach Name oder SKU
- Position in Prozent, daher responsiv
- Verschieben und Löschen ohne Neuanlage
Magento 2 Shop the Look: Produktkarte mit Preis am Hotspot
Der Besucher bewegt die Maus über einen Punkt oder tippt ihn an, und eine kleine Karte zeigt Produktbild, Name, aktuellen Preis und Verfügbarkeit. Preis und Lagerstatus kommen live aus dem Katalog, sodass abgelaufene Aktionen nicht stehen bleiben. Ist ein Produkt nicht lieferbar, zeigt die Karte das an, statt einen Warenkorb-Button anzubieten.
- Preis und Lagerstatus live aus dem Katalog
- Warenkorb-Button, bei Optionen Link zur Produktseite
- Hinweis bei nicht lieferbaren Produkten
Magento 2 Look komplett in den Warenkorb legen
Auf Wunsch zeigt das Lookbook unter dem Bild einen Button, der alle verfügbaren Produkte des Bildes gemeinsam in den Warenkorb legt. Produkte mit Pflichtoptionen wie Größe oder Farbe werden übersprungen und dem Kunden als Liste mit Links angezeigt. Zusätzlich lässt sich eine Summe der enthaltenen Produkte anzeigen.
- Ein Klick für alle verfügbaren Produkte
- Produkte mit Pflichtoptionen werden separat aufgeführt
- Summe des Looks optional einblendbar
Magento 2 Lookbook Extension: eigene Seiten, Widget und Suchmaschinen
Jedes Lookbook bekommt eine eigene Seite mit sprechender URL, Titel und Meta-Beschreibung je Store View. Alternativ binden Sie ein Lookbook per CMS-Widget in Kategorie-, Startseiten- oder Ratgeberseiten ein. Bilder erhalten Alt-Texte und werden verzögert geladen. Die Produkte im Bild erzeugen interne Links, die Besucher und Suchmaschinen zu den Produktseiten führen.
- Eigene Seite mit URL, Meta-Titel und Beschreibung
- CMS-Widget für beliebige Seiten
- Lazy Loading und Alt-Texte je Store View
Wo das Magento 2 Lookbook den Umsatz unterstützt
Branchen, in denen Produkte im Zusammenspiel gekauft werden.
Möbel und Wohnen
Ein Foto vom eingerichteten Raum verlinkt Sofa, Lampe, Teppich und Regal. Besucher kaufen den Stil, nicht nur ein Teil.
Mode und Outfits
Ein Outfit-Bild verlinkt Oberteil, Hose und Accessoires. Produkte mit Größenauswahl führen zur Produktseite.
Werkstatt, Garten und Technik
Ein Bild vom fertigen Setup zeigt, welche Teile zusammengehören, etwa Werkzeugwand oder Heimkino.
Saisonale Kampagnen
Ein Kampagnenbild auf der Startseite verlinkt die Produkte der Aktion. Bild und Punkte lassen sich je Aktion tauschen, ohne den Theme-Code anzufassen.
Magento 2 Lookbook: ohne und mit Modul im Vergleich
Der Unterschied zu verlinkten Bildern per HTML oder Image Map.
| Thema | Ohne Modul | Mit Mironsoft Lookbook |
|---|---|---|
| Pflege | HTML oder Image Map von Hand | Klick im Admin, Produktsuche |
| Responsive | Koordinaten brechen bei anderen Größen | Positionen in Prozent |
| Preis und Lager | Nicht sichtbar oder veraltet | Live aus dem Katalog |
| Warenkorb | Nur Link zur Produktseite | Button an der Karte und optional für den ganzen Look |
| Mehrsprachigkeit | Bild und Text doppelt pflegen | Titel, Alt-Text und Meta je Store View |
So führen wir das Magento 2 Lookbook bei Ihnen ein
Der Ablauf nach Ihrer Beauftragung.
Abstimmung
Sie nennen uns die vorgesehenen Bilder, Seiten und die gewünschte Darstellung der Produktkarte.
Installation
Wir installieren das Magento 2 Lookbook-Modul in Ihrem Shop und binden es in Ihr Hyvä Theme ein.
Erstes Lookbook
Gemeinsam legen wir ein Beispiel an, damit Ihr Team den Editor kennenlernt.
Seite und Widget
Wir richten die Lookbook-Seite und, falls gewünscht, die Widget-Einbindung ein.
Übergabe
Ihr Team pflegt neue Looks selbst, Anpassungen am Aussehen übernehmen wir.
Abgrenzung des Lookbooks zu Bildgalerie, Banner-Slider und Social-Feed
Die Bildgalerie von Mironsoft zeigt Bildersammlungen ohne Produktbezug. Der Banner-Slider rotiert Werbebilder mit einem Link pro Bild. Das Instagram-Shop-Modul bindet Social-Media-Beiträge ein. Das Magento 2 Lookbook arbeitet anders: Ein Bild trägt mehrere Produkt-Hotspots mit Preis und Warenkorb.
Die Module lassen sich kombinieren, etwa ein Lookbook-Bild als Slide im Banner-Slider. Das Lookbook passt zu Hyvä Themes, weil es mit Alpine.js und ohne zusätzliche Bibliothek läuft.
Kein Download, sondern persönliche Einrichtung
Lookbook ist hier nicht als fertige Download-Datei zum Selbst-Installieren gelistet. Der Kauf ist eine Beauftragung: Wir melden uns nach dem Kauf, installieren das Modul in Ihrem Shop und richten Seiten, Widget und Darstellung der Produktkarte gemeinsam mit Ihnen ein.
Häufige Fragen
Alles Wichtige zu Hotspots, Produktkarten, Warenkorb und zum Ablauf des Kaufs.
Wie kann ich in Magento 2 ein Bild mit klickbaren Produkten erstellen?
Was bedeutet Shop the Look?
Sind die Hotspots auf dem Smartphone treffsicher?
Werden Preise und Lagerstatus aktuell angezeigt?
Kann ich einen ganzen Look in den Warenkorb legen?
Wie binde ich ein Lookbook auf einer Seite ein?
Funktioniert das Magento 2 Lookbook mit Hyvä?
Kann ich Bilder und Texte je Sprache pflegen?
Was unterscheidet das Lookbook von der Bildgalerie?
Kann ich das Modul selbst herunterladen und installieren?
Zuletzt angesehene Artikel
Magento 2 Lookbook – Mironsoft