Magento 2 Experten — Hyvä Theme, Tailwind CSS & SEO aus einer Hand ›

Magento 2 Produktbilder Slideshow in der Kategorie: mehrere Bilder pro Kachel

Magento 2 Extension Hyvä Ready Alpine.js Magento 2.4.x

SKU: CATALOGIMAGESLIDESHOW1

  • Swipe, Pfeile und Dots direkt in der Produktkachel der Listenansicht
  • Nur das erste Bild sofort, Rest per Lazy-Load nachgeladen
  • Maximale Bildanzahl pro Kachel einstellbar
  • Eigener Hover-Modus für Desktop und Touch-Bedienung am Handy
Auf Lager
129,00 €

Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.

Kein Download, sondern persönliche Einrichtung

Kein Download, sondern persönliche Einrichtung. Dieses Produkt ist kein herunterladbares Software-Paket zur Selbstinstallation. Mit Ihrer Bestellung beauftragen Sie Mironsoft mit der individuellen Einrichtung dieses Moduls in Ihrem Shop. Wir melden uns innerhalb von 2 Werktagen bei Ihnen — Details und Zahlung klären wir dann gemeinsam.

Dieses Angebot richtet sich an Unternehmer und Gewerbetreibende, die einen Magento-2-Shop betreiben.

Magento 2 Extension

Magento 2 Produktbilder Slideshow in der Kategorie: mehrere Bilder pro Kachel

Die Magento 2 Produktbilder Slideshow macht aus der statischen Produktkachel in der Listenansicht eine kleine Galerie. Besucher wischen am Smartphone durch die Produktbilder, nutzen am Desktop Pfeile oder bewegen die Maus über die Kachel, und das alles direkt in der Kategorie, ohne die Detailseite zu öffnen. Die Erweiterung ist für Hyvä gebaut und nutzt ausschließlich Alpine.js aus dem Theme.

Gerade Mode, Möbel, Schmuck oder Technik leben vom ersten Blick. Ein einziges Listenbild verschenkt oft Kaufargumente wie Rückseite, Detail oder Größenvergleich. Gleichzeitig darf eine Kategorieseite mit vielen Produkten nicht langsamer werden. Deshalb lädt das Modul nur das erste Bild sofort, alle weiteren bei Bedarf, und reserviert den Platz über ein festes Seitenverhältnis.

6 Funktionen

Die Magento 2 Produktbilder Slideshow: mehr Produkt zeigen, ohne die Seite zu beschweren

Mit der Magento 2 Produktbilder Slideshow sehen Besucher in der Kategorie gleich mehrere Ansichten eines Produkts und müssen nicht erst die Detailseite öffnen.

Swipe in der Kachel

Auf dem Smartphone wischen Besucher direkt in der Listenkachel durch die Produktbilder.

Pfeile und Dots

Pfeile für den Desktop, Punkte als Orientierung; beides lässt sich einzeln abschalten.

Hover-Modus

Am Desktop wechselt das Bild mit der Mausposition über der Kachel, ohne Klick.

Lazy-Load

Nur das erste Bild lädt sofort; weitere Bilder erst bei Interaktion oder kurz davor.

Bildlimit

Begrenzen Sie die Slideshow auf eine sinnvolle Bildanzahl pro Kachel.

Hyvä und CSP-konform

Alpine.js aus dem Hyvä-Theme, ohne jQuery und ohne extra Bibliothek.

Anwendungsfälle

Anwendungsfälle: Wann sich eine Magento 2 Produktbilder Slideshow lohnt

Überall, wo mehrere Ansichten die Kaufentscheidung erleichtern und die Magento 2 Produktbilder Slideshow den Klick auf die Detailseite spart.

Mode und Schuhe

Vorderansicht, Seite, Sohle und Trageansicht: Besucher blättern in der Kachel durch und erkennen, ob das Modell passt, bevor sie klicken.

Möbel und Wohnen

Das Sofa in Frontansicht, im Raum und im Detail des Stoffs. Die Slideshow zeigt, was ein einzelnes Listenbild nicht kann.

Technik und Zubehör

Anschlüsse, Rückseite und Lieferumfang gehören in die Kachel, wenn Käufer Geräte vergleichen. Die Slideshow beantwortet diese Fragen schon in der Liste.

Schmuck und Kosmetik

Nahaufnahmen, Verpackung und Größenvergleich entscheiden hier oft. Die Slideshow bringt sie ohne Seitenwechsel zum Besucher.

01Bedienung

So bedienen Besucher die Magento 2 Produktbilder Slideshow: wischen, klicken oder mit der Maus fahren

Am Smartphone nutzt die Slideshow natives Scroll-Snap: Das Wischen fühlt sich an wie in einer App und stört das vertikale Scrollen der Liste nicht. Am Desktop erscheinen Pfeile beim Überfahren der Kachel; kleine Punkte zeigen die aktuelle Position.

Wer lieber ruhiges Design möchte, schaltet Pfeile oder Dots in der Konfiguration ab.

  • Touch-Swipe mit Scroll-Snap
  • Pfeile nur auf Desktop sichtbar
  • Dots als Positionsanzeige, abschaltbar
Kategorie · Sneaker
Produktkachel · Bild 2 von 4
Sneaker Urban89,00 €
AnsichtSeite (2/4)
SteuerungSwipe · Pfeil · Punkte
Stores › Konfiguration › Slideshow
Modus Desktop
Hover (Mausposition)
Modus Mobil
Swipe
Maximale Bilder
5
02Hover-Modus Desktop

Bildwechsel über die Mausposition, ohne zu klicken

Im Hover-Modus teilt die Kachel ihre Breite unsichtbar in gleich große Zonen auf, eine pro Bild. Wandert die Maus von links nach rechts, wechselt das Bild entsprechend. So lassen sich viele Ansichten schnell durchsehen, ohne dass ein Klick nötig ist.

Der Modus ist nur für Zeigegeräte aktiv; auf Touch-Geräten greift automatisch die Swipe-Bedienung.

  • Zonen je Bild, gleichmäßig verteilt
  • Nur bei Zeigegerät aktiv, auf Touch automatisch Swipe
  • Pro Store View ein- oder ausschaltbar
03Performance

Performance der Magento 2 Produktbilder Slideshow: keine Last für Ladezeit und Core Web Vitals

Eine Kategorieseite mit 24 Produkten und je fünf Bildern lädt nicht 120 Bilder auf einmal. Nur das erste Bild jeder Kachel wird sofort geliefert, alle weiteren werden erst dann angefordert, wenn der Besucher die Slideshow bedient oder die Kachel in den Sichtbereich rückt.

Ein festes Seitenverhältnis reserviert den Platz im Voraus; so bleibt der Layout-Sprung (CLS) aus. Bei Produkten mit nur einem Bild werden weder Pfeile noch Dots noch zusätzliches Markup erzeugt.

  • Nur erstes Bild sofort, Rest nachgeladen
  • Festes Seitenverhältnis gegen Layout-Sprünge
  • Kein Zusatz-Markup bei einem einzelnen Bild
Netzwerk · Kategorieseite
Beim ersten Laden
Bilder pro Kachel1 von 5
Nachladenbei Interaktion
Layout-Sprung (CLS)0 durch Seitenverhältnis
Vergleich

Produktliste ohne und mit Bild-Slideshow

Die Magento 2 Produktbilder Slideshow im Vergleich zu einem einzelnen Listenbild und zu einem reinen Hover-Wechsel.

AspektOhne ModulMit Modul
Anzahl Bilder in der KachelEin Bild, bei Hover höchstens ein zweitesBis zu der von Ihnen gesetzten Maximalanzahl
Bedienung am SmartphoneKein Bildwechsel möglichWischen mit Scroll-Snap
Bedienung am DesktopHover-Wechsel auf ein BildPfeile, Dots oder Hover-Zonen per Mausposition
LadezeitEin Bild pro KachelErstes Bild sofort, weitere per Lazy-Load
Layout-SprüngeJe nach ThemeFestes Seitenverhältnis reserviert den Platz
Produkte mit nur einem BildUnverändertKeine Bedienelemente, kein Zusatz-Markup
Einrichtung

So richten wir die Magento 2 Produktbilder Slideshow in Ihrem Hyvä-Theme ein

Sie laden nichts herunter, wir übernehmen die Einrichtung:

  1. 1

    Bildbestand prüfen

    Wir sehen uns an, wie viele Bilder Ihre Produkte haben und in welchem Format sie vorliegen.

  2. 2

    Installation

    Das Modul wird in Ihrem Shop installiert, bei Bedarf zuerst in der Testumgebung.

  3. 3

    Einstellungen festlegen

    Maximale Bildanzahl, Pfeile, Dots und Hover-Modus werden je Store View konfiguriert.

  4. 4

    Kachelgestaltung

    Seitenverhältnis und Position der Bedienelemente werden an Ihr Hyvä-Theme angepasst.

  5. 5

    Test auf echten Geräten

    Wir prüfen die Slideshow am Smartphone, Tablet und Desktop sowie die Ladezeit der Kategorieseiten.

Abgrenzung zu verwandten Mironsoft-Modulen

Das Modul Product Image Hover tauscht beim Überfahren nur ein zweites Bild aus. Die Magento 2 Produktbilder Slideshow zeigt mehrere Bilder, bietet Swipe und Pfeile und funktioniert damit auch am Smartphone. Beide Module lösen unterschiedliche Aufgaben und sollten in derselben Listenansicht nicht gleichzeitig aktiv sein.

Weitere Listenansicht-Module wie Quick View oder Compact List Mode lassen sich ergänzen. Die Slideshow beeinflusst weder Preise noch Filter, sondern ausschließlich die Darstellung der Produktkachel.

04So läuft der Kauf ab

Kein Download, sondern persönliche Einrichtung

Catalog Image Slideshow ist hier nicht als fertige Download-Datei zum Selbst-Installieren gelistet. Der Kauf ist eine Beauftragung: Wir melden uns nach dem Kauf, richten die Magento 2 Produktbilder Slideshow in Ihrem Hyvä-Theme ein und stimmen Bildformat, Bildanzahl und Bedienelemente gemeinsam mit Ihnen ab.

Wichtig zu wissen

Mit dem Kauf erhalten Sie keinen Download-Link. Wir melden uns innerhalb von 2 Werktagen bei Ihnen — Details und Zahlung klären wir dann gemeinsam. Dieses Angebot richtet sich an Unternehmer und Gewerbetreibende, die einen Magento-2-Shop betreiben.

FAQ

Häufige Fragen

Zu Bedienung, Ladezeit, Abgrenzung und zum Ablauf des Kaufs.

Wie kann ich in Magento 2 mehrere Produktbilder in der Kategorieliste anzeigen?
Mit der Magento 2 Produktbilder Slideshow legen Sie die maximale Bildanzahl fest, und die Produktkachel zeigt die Galeriebilder als Slideshow mit Swipe, Pfeilen und Dots. Eine Anpassung am Theme-Code ist nicht nötig.
Worin unterscheidet sich die Magento 2 Produktbilder Slideshow vom Bildwechsel beim Hover?
Ein reiner Hover-Wechsel zeigt nur ein zweites Bild und funktioniert am Smartphone nicht. Die Magento 2 Produktbilder Slideshow zeigt mehrere Bilder, bietet Swipe, Pfeile und Dots und ist damit auch auf Touch-Geräten nutzbar.
Worin unterscheidet sich das vom Bildwechsel beim Hover?
Ein reiner Hover-Wechsel zeigt nur ein zweites Bild und funktioniert am Smartphone nicht. Die Slideshow zeigt mehrere Bilder, bietet Swipe, Pfeile und Dots und ist damit auch auf Touch-Geräten nutzbar.
Wie viele Bilder lassen sich anzeigen?
Die Maximalanzahl legen Sie in der Konfiguration fest. Besitzt ein Produkt weniger Bilder, werden nur diese gezeigt.
Wie kann ich in Hyvä Produktbilder in der Listenansicht wischbar machen?
Die Slideshow nutzt Scroll-Snap und Alpine.js aus dem Theme. Am Smartphone wischen Besucher durch die Bilder, ohne dass das vertikale Scrollen der Liste gestört wird.
Beeinflusst die Magento 2 Produktbilder Slideshow die Core Web Vitals?
Nur das erste Bild jeder Kachel lädt sofort, ein festes Seitenverhältnis verhindert Layout-Sprünge. Damit bleiben Ladezeit und Layout-Stabilität im Rahmen.
Kann ich die Pfeile oder Dots abschalten?
Ja. Pfeile, Dots und der Hover-Modus lassen sich einzeln ein- und ausschalten, auch je Store View.
Kann ich das Modul selbst herunterladen und installieren?
Nein. Dieses Angebot ist kein Download-Produkt. Nach dem Kauf installieren und konfigurieren wir das Modul persönlich in Ihrem Shop.
Eigene Bewertung schreiben
Sie bewerten: Magento 2 Produktbilder Slideshow – Mironsoft Catalog Image Slideshow
loader
Laden...

Sie haben Ihre Bewertung für die Moderation übermittelt.

This form is protected by reCAPTCHA - the Google Privacy Policy and Terms of Service apply.

Magento 2 Produktbilder Slideshow – Mironsoft Catalog Image Slideshow

Magento 2 Produktbilder Slideshow – Mironsoft Catalog Image Slideshow

129,00 €