Kowal Product Gallery Grid für Magento 2
- Kompatibilität
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4
Beschreibung / Kowal Product Gallery Grid für Magento 2
MAGENTO 2 · FOTOS · DESKTOP · PRODUKTGALERIE
Zeigen Sie mehr Produktansichten in einem übersichtlichen Fotoraster.
Kowal Product Gallery Grid
Nutzen Sie die Breite des Desktop-Bildschirms: Große Fotos zeigen Details, während die Informationsspalte beim Scrollen mitläuft. Behalten Sie den nativen Magento-Fullscreen und die Standardgalerie auf Smartphones bei.
1–4 Spalten · Variantenfotos · Native Vergrößerung
SO FUNKTIONIERT ES IN DER PRAXIS
01 · Sie wählen das Fotolayout
Sie legen die Anzahl der Spalten und die Bildabmessungen fest.
02 · Der Kunde betrachtet die Details
Sichtbare Ansichten helfen, das Erscheinungsbild des Produkts zu vergleichen.
03 · Er öffnet das ausgewählte Foto
Ein Klick startet den Fullscreen der nativen Galerie.
Was gewinnt Ihr Shop?
Lernen Sie Funktionen, Einsatzbereiche und Einstellungen des Moduls kennen.
Eine neue Qualität der Produktfoto-Präsentation in Magento 2
Kowal_ProductGallery verwandelt die standardmäßige Produktgalerie auf dem Desktop in ein modernes, übersichtliches Raster großer Fotos. Statt des klassischen Layouts mit einem Hauptbild und kleinen Thumbnails sieht der Kunde sofort mehr Ansichten des Produkts, versteht sein Erscheinungsbild schneller und kann leichter eine Kaufentscheidung treffen.
Diese Lösung wurde für Shops entwickelt, in denen Bilder tatsächlich verkaufen: Mode, Interior, Wohnausstattung, Beauty, Accessoires, Premium Retail und überall dort, wo Produktdetails entscheidend sind.
1. Mehr Fotos sofort sichtbar
Der Kunde muss keine Thumbnails anklicken, um weitere Ansichten zu sehen. Schon beim ersten Aufruf der Produktseite erhält er ein umfassenderes Bild des Angebots:
- er sieht das Produkt aus mehreren Perspektiven,
- er beurteilt Farbe, Textur, Proportionen und Details schneller,
- er vergleicht Fotos leichter ohne unnötige Interaktionen.
Das verkürzt den Weg vom Interesse bis zum Kauf.
2. Stärkere visuelle Wirkung auf der Produktseite
Große Fotos in einem ästhetischen Raster sorgen für eine modernere und hochwertigere Wahrnehmung des Shops. Das Produkt wird besser präsentiert, und die Seite wirkt ausgearbeiteter und stärker verkaufsorientiert als im Standardlayout von Magento.
Diese Art der Präsentation unterstützt besonders gut Sortimente, bei denen das Bild eines der wichtigsten Kaufargumente ist.
3. Besseres Einkaufserlebnis auf dem Desktop
Das Layout wurde speziell für den Desktop entwickelt, wo Nutzer mehr Platz auf dem Bildschirm haben und schnellen Zugriff auf mehr Inhalte erwarten. Die Galerie nutzt diesen Raum effizient:
- die Fotos sind größer und besser lesbar,
- das Layout ist beim Stöbern intuitiver,
- die rechte Spalte mit Produktinformationen bleibt beim Scrollen bequem verfügbar.
Das Ergebnis ist eine flüssigere Navigation auf der Produktseite und ein geringeres Risiko, die Aufmerksamkeit des Kunden zu verlieren.
4. Bewährte Funktion zur Fotovergrößerung bleibt erhalten
Die neue Präsentationsform nimmt dem Nutzer nicht die komfortablen Funktionen der standardmäßigen Magento-Galerie. Nach dem Klick auf ein Foto kann der Kunde weiterhin die Vollbildansicht öffnen und das Produkt genau betrachten.
So erhält der Shop ein moderneres Erscheinungsbild, ohne auf die bekannten Galerie-Interaktionen zu verzichten.
5. Keine Änderungen auf Mobile
Das Modul verändert ausschließlich die Desktop-Ansicht. Auf mobilen Geräten bleibt die native Magento-Galerie erhalten, sodass ein vorhersehbares und komfortables Einkaufserlebnis auf Smartphones bestehen bleibt.
Das ist wichtig, weil sich die Erwartungen von Desktop- und Mobile-Nutzern unterscheiden und ein einziges Layout nicht immer in beiden Kontexten gut funktioniert.
Einfluss auf Verkauf und Produktwahrnehmung
Eine bessere Darstellung der Fotos kann sich auswirken auf:
- höheres Nutzerengagement auf der Produktseite,
- besseres Produktverständnis noch vor dem Hinzufügen zum Warenkorb,
- stärkere Präsentation von Qualität, Verarbeitung und Details,
- geringere Kaufunsicherheit,
- ein professionelleres Shop-Image.
In der Praxis bedeutet das eine Produktseite, die effektiver auf Conversion hinarbeitet und die bereits im Shop vorhandenen Bildmaterialien besser nutzt.
Für welche Shops dieses Modul den größten Mehrwert bietet
Das Modul eignet sich besonders gut für Branchen, in denen Kunden mit den Augen kaufen:
- Fashion und Schuhe,
- Möbel und Innenausstattung,
- Dekoration und Home Accessories,
- Kosmetik und Beauty,
- Schmuck und Accessoires,
- Premium- und Lifestyle-Produkte.
Je wichtiger Produktfotos sind, desto größer ist der Nutzen des Wechsels zu einem Grid-Layout.
Zusammenfassung
Kowal_ProductGallery hilft dabei, die standardmäßige Magento 2 Produktseite in eine modernere, visuellere und verkaufsstärkere Präsentation zu verwandeln. Der Kunde sieht schneller mehr, beurteilt das Produkt leichter und nutzt die Galerie komfortabler, während der Shop eine stärkere Darstellung des Angebots gewinnt, ohne grundlegende Nutzergewohnheiten zu verändern.
Eine praktische Erweiterung für Shops, die Produktfotos besser als echtes Verkaufsinstrument einsetzen möchten.
Konfiguration des Rasters und der Bildgrößen
Stores → Configuration → Catalog → Catalog → Kowal Product Gallery ermöglicht die Einstellung von 1 bis 4 Spalten sowie der Breite und Höhe der Bilder. Standardmäßig sind 2 Spalten und 640 × 640 px eingestellt; die Einstellungen können an die Shop-Ansicht angepasst werden.
Für quadratisches Material wählen Sie gleiche Abmessungen. Änderungen an der Konfiguration der Bildgrößen des Themes erfordern die Berücksichtigung des Bild-Caches im Deployment-Prozess.
Varianten und Kompatibilitätsumfang
Das Modul erhält das Widget mage/gallery/gallery bei und aktualisiert den Grid, wenn sich die Galeriedaten eines configurable Produkts ändern. Die rechte Informationsspalte folgt dem Bildschirm und stoppt am Ende des Fotobereichs.
Die Integration nutzt das Layout Luma/Blank, RequireJS, jQuery und Fotorama. Eine eigene Ersetzung des Galerie-Templates oder das Hyvä-Theme erfordert eine Prüfung und Anpassung; das Paket enthält keinen dedizierten Hyvä-Adapter.
Installation über Composer
Paket kowal/module-product-gallery, Modul Kowal_ProductGallery. Nachdem Sie den Zugriff auf das Kowal-Repository konfiguriert haben, installieren Sie das Paket, aktivieren Sie das Modul, aktualisieren Sie Magento und leeren Sie den Cache. In der Produktion berücksichtigen Sie die Kompilierung und das Deployment statischer Inhalte gemäß dem Prozess des Shops.
Von der Konfiguration zum Ergebnis
1. Sie wählen das Fotolayout
Sie legen die Anzahl der Spalten und die Bildabmessungen fest.
2. Der Kunde betrachtet die Details
Sichtbare Ansichten helfen, das Erscheinungsbild des Produkts zu vergleichen.
3. Er öffnet das ausgewählte Foto
Ein Klick startet den Fullscreen der nativen Galerie.
Produktdetails ohne Anklicken von Thumbnails
Bei Kleidung zeigen Sie Vorderseite, Rückseite und Nahaufnahmen des Materials im Desktop-Grid. Der Kunde wählt eine Variante, und das Raster aktualisiert sich zusammen mit den Galeriedaten.
Das Foto kann in der Vollbildansicht geöffnet werden. Das Smartphone nutzt die bisherige Magento-Galerie.
Passen Sie die Galerie an die Fotos und das Theme Ihres Shops an
Möchten Sie das Modul an Ihren Shop anpassen? Fragen Sie nach der Implementierung von Kowal Product Gallery Grid und besprechen Sie die Konfiguration oder benötigte Erweiterungen.
Weitere Informationen
| Übereinstimmung mit der Vorlage | Luma / Leer, KOWAL |
|---|
Installationsanleitung für das Modul
Installations- und Konfigurationsanleitung
Modul
Kowal_ProductGallery
Composer-Paket:
kowal/module-product-gallery
Anforderungen
Stellen Sie vor der Installation sicher, dass die Umgebung die folgenden Bedingungen erfüllt:
- Magento 2 mit aktivem Katalogmodul,
- PHP in einer Version, die den Anforderungen des Pakets entspricht,
- Zugriff auf das Composer-Repository oder Git-Repository, aus dem das Modul veröffentlicht wird,
- Berechtigungen zum Ausführen von
bin/magento-Befehlen, - Administrativer Zugriff auf das Magento-Panel zur Konfiguration der Einstellungen.
Installation über Composer
Fügen Sie das Kowal Composer-Repository zur Projektkonfiguration hinzu:
Die Zugangsdaten zum Composer-Repository E-Mail-Adresse des Kunden und Lizenz-Token erhalten Sie nach dem Kauf per E-Mail. Sie sind außerdem im Kundenkonto nach dem Login auf kowal.store verfügbar. Ersetzen Sie TWOJ_EMAIL_KLIENTA durch die E-Mail-Adresse Ihres Kontos und TWOJ_TOKEN durch den erhaltenen Token. Führen Sie die Befehle im Magento-Stammverzeichnis aus.
composer config repositories.kowal composer https://repo.kowal.storeKonfigurieren Sie die Zugangsdaten zum Kowal Composer-Repository:
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'Installieren Sie anschließend das Modul:
composer require kowal/module-product-galleryAktivierung des Moduls in Magento
Führen Sie nach der Installation des Pakets den standardmäßigen Satz von Magento-Befehlen aus:
bin/magento module:enable Kowal_ProductGallerybin/magento setup:upgradebin/magento setup:di:compilebin/magento setup:static-content:deploy -fbin/magento cache:flushWenn der Shop im Entwicklermodus läuft, kann ein Teil der Befehle vom Deployment-Prozess des Projekts abhängen. In der Produktionsumgebung wird empfohlen, ein vollständiges Standard-Deployment gemäß der Projektpolitik durchzuführen.
Überprüfung der Installation
Prüfen Sie nach der Aktivierung des Moduls:
- Ob das Modul in der Liste sichtbar ist:
bin/magento module:status Kowal_ProductGalleryOb auf der Desktop-Produktseite die Galerie durch ein Raster großer Fotos ersetzt wurde.
Ob ein Klick auf ein Foto den standardmäßigen Fullscreen der Magento-Galerie öffnet.
Ob die mobile Ansicht unverändert geblieben ist.
Position der Einstellungen im Admin-Panel
Die Modulkonfiguration ist verfügbar unter:
Stores > Configuration > Catalog > Catalog > Kowal Product Gallery
Der Zugriff auf diesen Bereich hängt von den ACL-Berechtigungen ab, die dem Administrator zugewiesen sind.
Verfügbare Einstellungen
1. Anzahl der Grid-Spalten
Feld:
Liczba kolumn grida
Beschreibung:
Legt die Anzahl der Spalten im Desktop-Raster der Produktfotos fest.
Empfehlung:
2für ein klassisches, übersichtliches Layout,- höhere Werte nur dann, wenn die Produktfotos weiterhin ausreichend groß und gut erkennbar bleiben.
2. Bildbreite
Feld:
Szerokość obrazka
Beschreibung:
Definiert die maximale Breite des Fotos im Desktop-Grid in Pixeln.
Empfehlung:
- für quadratische Fotos ist
640ein guter Ausgangspunkt.
3. Bildhöhe
Feld:
Wysokość obrazka
Beschreibung:
Definiert die maximale Höhe des Fotos im Desktop-Grid in Pixeln.
Empfehlung:
- für quadratische Fotos setzen Sie den Wert gleich der Breite, z. B.
640, - bei Fotos mit anderen Seitenverhältnissen passen Sie die Höhe an das tatsächliche Format der Produktmaterialien an.
Konfigurationsempfehlungen
- Verwenden Sie für einen konsistenten visuellen Effekt Produktfotos mit ähnlichen Seitenverhältnissen.
- Für quadratische Fotos legen Sie gleiche Werte für Breite und Höhe fest.
- Testen Sie nach der Änderung der Bildgrößen das Erscheinungsbild der Produktseite an mehreren repräsentativen Produkten.
- Überprüfen Sie die Funktion für einfache und konfigurierbare Produkte.
Neuaufbau der Bilder nach Größenänderungen
Wenn Änderungen an der Konfiguration oder den Ansichtseinstellungen eine Aktualisierung des Bild-Caches des Katalogs erfordern, führen Sie aus:
bin/magento catalog:images:resizeLeeren Sie nach Abschluss des Neuaufbaus den Cache:
bin/magento cache:cleanKontrolle nach dem Deployment
Prüfen Sie nach dem Deployment in die Test- oder Produktionsumgebung:
- das Erscheinungsbild der Galerie auf dem Desktop,
- keine Regression auf Mobile,
- die Funktion des Fullscreens nach dem Klick auf ein Foto,
- die Funktion der Galerie für configurable Produkte,
- die Korrektheit des Sticky-Verhaltens der Spalte mit Produktinformationen,
- die Ladezeit der Produktseite und grundlegende Qualitätsindikatoren des Renderings.
Häufige Hinweise zum Deployment
- Wenn Änderungen nicht sichtbar sind, prüfen Sie zuerst den Cache und das Deployment statischer Ressourcen.
- Wenn der Shop ein stark modifiziertes Theme verwendet, sollte die Kompatibilität des Galerie-Templates mit dem aktiven Theme bestätigt werden.
- Wenn der Administrator die Moduleinstellungen nicht sieht, prüfen Sie die zugewiesenen ACL-Berechtigungen für seine Rolle.