Navigation · Produktvarianten

Varianten nach Attribut

Ein Dropdown mit „Blau, Rot, Grün“ zwingt Kunden dazu, das Aussehen jeder Version zu erraten. Varianten nach Attribut zeigt stattdessen das echte Foto jeder Option auf der Produktseite, sodass sie mit einem Klick wählen können.

  • v1.0.0
  • PrestaShop 1.7–9.1
  • 6 Sprachen
Demnächst auf Addons So funktioniert es

Was man sich nicht vorstellen kann, kauft man nicht

Ein Dropdown mit „Blau, Rot, Grün“ zwingt dazu, zu raten, wie jede Version aussieht, oder jede Option anzuklicken und zu warten, bis sich das Foto ändert. Manche geben auf; andere bestellen die falsche Variante und schicken sie zurück.

Die Fotos gibt es bereits — sie sind jeder Kombination im Katalog zugewiesen. Sie werden nur nicht dort gezeigt, wo der Kunde entscheidet.

Die Antwort, direkt auf der Produktseite

Varianten nach Attribut zeigt das echte Foto jeder Option in einer Reihe, einen Klick entfernt.
01

Alle Optionen auf einen Blick

Eine Reihe von Vorschaubildern, eines pro Wert des gewählten Attributs — Farbe, Ausführung, Material —, jedes mit dem echten Foto dieser Kombination.

02

Mit einem Klick auswählen

Ein Klick auf ein Vorschaubild wählt diese Kombination in der Attributauswahl der Produktseite — Preis, Verfügbarkeit und Warenkorb-Button funktionieren wie gewohnt.

03

Nutzen Sie, was Sie schon haben

Nichts hochzuladen, nichts zu programmieren: Das Modul nutzt die Bilder, die Ihren Kombinationen bereits zugewiesen sind.

Alles, was es kann, im Detail

Vier Blöcke, die zusammenarbeiten.

Produktseite

  • Reihe quadratischer Vorschaubilder, eines pro Wert der gewählten Attributgruppe, jedes mit dem echten Bild seiner Kombination.
  • Auswahl mit einem Klick: Das Vorschaubild wählt die passende Option in der nativen Attributauswahl des Themes.
  • Die ausgewählte Variante wird mit einem orangefarbenen Rahmen hervorgehoben.
  • Der Name der Option dient als Tooltip und Alternativtext des Vorschaubilds.
  • Wird nur bei Produkten mit zwei oder mehr Werten des gewählten Attributs angezeigt.

Einstellungen

  • Attributgruppe: die ID der Gruppe, deren Werte zu Vorschaubildern werden (meist „Farbe“).
  • Bildversion: jeder erzeugte Produktbildtyp; Versionen mit 60 bis 100 px sind als empfohlen markiert.
  • Größe des Vorschaubilds: 24 bis 200 px, geprüft, damit sie nie die gewählte Bildversion überschreitet.
  • Empfohlene Werte neben jeder Option, mit Schaltfläche zum Auswählen aller mit einem Klick.

Position

  • Funktioniert sofort: nutzt den nativen Hook displayProductAdditionalInfo, den Standard-Themes bereits aufrufen.
  • Optional exakte Position direkt nach der Attributauswahl, mit einer Zeile, Schritt für Schritt im Hilfe-Reiter erklärt.

Back Office und Qualität

  • Geführter Hilfe-Reiter mit Einrichtung, Position und häufigen Fragen.
  • Übersetzt ins Englische, Spanische, Französische, Italienische, Portugiesische und Deutsche.
  • Fügt nur ein eigenes Stylesheet und ein eigenes Skript hinzu — keine externen Anfragen, keine zusätzlichen Datenbanktabellen.
  • Deinstallieren entfernt alle Einstellungen.

Ihre Vorteile

Weniger falsche Bestellungen, ohne Mehraufwand.

Schneller entscheiden

Ihre Kunden sehen das echte Foto jeder Option, statt anhand einer Bezeichnung zu raten.

Gleich die richtige Variante wählen

Wer die genaue Farbe oder Ausführung vor dem Warenkorb sieht, erlebt weniger Überraschungen und Retouren.

Vorhandene Fotos nutzen

Jedes Vorschaubild stammt aus den Bildern, die Ihren Kombinationen bereits zugewiesen sind.

In Minuten startklar

Attributgruppe wählen, Größe festlegen, speichern — bei einem Standard-Theme von PrestaShop 9 ohne Entwickler.

Nativer Kaufablauf bleibt erhalten

Das Modul steuert die Attributauswahl des Themes selbst, Preise, Bestand und Warenkorb bleiben unangetastet.

Volle Kontrolle

Attribut, Bildversion und Größe der Vorschaubilder wählen und den Block an die genaue gewünschte Stelle verschieben.

Vorteile für Ihre Kunden

Sehen, bevor sie wählen.

Sehen, bevor sie wählen

Das echte Bild jeder Farbe oder Variante, alle in einer Reihe.

Auch am Smartphone leicht zu treffen

Vorschaubilder bis 200 px, mit dem Namen der Option als Tooltip und Alternativtext.

Klare Anzeige der Auswahl

Die aktuelle Variante ist immer hervorgehoben.

Die Vorschaubilder, in jedem Shop

Fünf Bildschirme des Moduls in Aktion.
Produktseite: jede Variante sichtbar, bevor der Kunde wählt.
Produktseite: jede Variante sichtbar, bevor der Kunde wählt.
Auswahl: ein Klick wählt die gewünschte Variante.
Auswahl: ein Klick wählt die gewünschte Variante.
Einstellungen: in einer Minute eingerichtet.
Einstellungen: in einer Minute eingerichtet.
Vorschaubilder: scharf und leicht zu treffen, von 24 bis 200 px.
Vorschaubilder: scharf und leicht zu treffen, von 24 bis 200 px.
Position: genau dort platzieren, wo Sie wollen.
Position: genau dort platzieren, wo Sie wollen.

Häufige Fragen

Woher kommen die Vorschaubilder der Varianten?

Aus den Bildern, die Sie den Kombinationen des Produkts bereits zugeordnet haben. Sie müssen nichts Neues hochladen, aber jede Kombination braucht ein eigenes Bild, damit sie angezeigt wird.

Kann ich nach Farbe, Ausführung oder einem anderen Attribut gruppieren?

Ja, nach jeder Attributgruppe Ihrer Wahl: Farbe, Ausführung, Material, Muster … Sie legen sie in der Modulkonfiguration fest; die ID finden Sie unter Katalog > Attribute.

Muss ich mein Theme anpassen?

Nein. Das Modul funktioniert direkt nach der Installation an einer Position, die Standard-Themes bereits nutzen. Wenn Sie die Vorschaubilder direkt unter der Attributauswahl, vor „In den Warenkorb“, haben möchten, fügen Sie eine Zeile in das Produkt-Template Ihres Themes ein; die Hilfe des Moduls erklärt es Schritt für Schritt.

Ändert es Preise, Lagerbestand oder den Warenkorb?

Nein. Die Vorschaubilder steuern die native Attributauswahl Ihres Themes, sodass Preise, Lagerbestand und Warenkorb genau wie vorher funktionieren.

Kann ich die Größe der Vorschaubilder wählen?

Ja, zwischen 24 und 200 Pixeln, ebenso die zu verwendende PrestaShop-Bildversion. Eine Größe über dieser Version lässt das Modul nicht zu, damit die Bilder nie unscharf wirken.

Die Varianten erscheinen nicht auf der Produktseite – was prüfe ich?

Drei Dinge: ob die ID der Attributgruppe stimmt, ob das Produkt mehr als eine Kombination dieses Attributs hat und ob jede Kombination ein eigenes Bild besitzt.

Technische Daten

PrestaShop1.7 – 9.1
PHP7.1 – 8.4
SprachenEN ES FR IT PT DE
LizenzAFL-3.0

Lassen Sie Kunden sehen, bevor sie wählen

Installieren Sie es in Ihrem PrestaShop und geben Sie jeder Produktseite das echte Foto jeder Variante — ohne Code und ohne zusätzliche Fotos hochzuladen.

Demnächst auf Addons Zurück zu den Modulen

Soll es an Ihren Shop angepasst werden, oder brauchen Sie etwas, das kein Modul kann? Individuelle Entwicklung

Testen Sie es in unserer Demo

Nichts zu installieren: ein PrestaShop-Testshop mit laufendem Modul. Öffnen Sie den Shop oder das Back Office.

Back Office demops.10cero.es/admin10cero
Benutzer
demo@demo.com
Passwort
demodemo
Verwaltung öffnen

Der Shop wird regelmäßig zurückgesetzt und das Verwaltungsprofil ist auf die Modulkonfiguration beschränkt.