Magento 2 Custom Options Bilder und Farbfelder als Kacheln
SKU: PRODUCTCUSTOMOPTIONSIMAGES1
- Optionswerte als Bild- oder Farbkacheln statt Dropdown
- pro Wert ein Bild hochladen oder einen Farbwert eintragen
- Preisaufschlag, Auswahlzustand und Pflichtfeld bleiben erhalten
- für Dropdown, Radio und Checkbox, gebaut mit Alpine.js
Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.
Magento 2 Custom Options Bilder: Optionen sehen statt lesen
Mit den Magento 2 Custom Options Bildern von Mironsoft werden Produktoptionen zu klickbaren Kacheln: Zu jedem Optionswert hinterlegen Sie ein Bild oder einen Farbwert, und die Produktseite zeigt statt einer Auswahlliste eine visuelle Auswahl. Preisaufschläge, Pflichtfelder und Warenkorb-Logik von Magento bleiben unverändert. Die Kacheln sind mit Alpine.js gebaut und passen sich Ihrem Hyvä Theme an.
Bild je Optionswert
Zu jedem Wert laden Sie ein Bild hoch, etwa Material, Muster oder Gravur-Schriftart.
Farbfelder
Statt Bild genügt ein Farbwert, die Kachel zeigt dann ein Farbfeld mit Beschriftung.
Alle Optionstypen
Dropdown, Radio-Buttons und Checkbox verwandeln sich in Kacheln, einzeln oder mehrfach wählbar.
Preisaufschlag sichtbar
Der Aufschlag eines Werts steht auf der Kachel und fließt wie gewohnt in den Preis.
Klare Auswahl
Die gewählte Kachel wird hervorgehoben, nicht lieferbare oder deaktivierte Werte sind abgesetzt.
Rückfall auf Standard
Optionen ohne Bild erscheinen weiter als normales Feld, sodass nichts verloren geht.
Warum Magento 2 Custom Options Bilder die Auswahl verbessern
Produkte mit Varianten, die keine eigenen Artikel sind, nutzen Custom Options: Gravur, Stoff, Rahmenfarbe, Materialstärke. Im Standard erscheinen sie als Dropdown mit Text. Kunden sehen dann den Unterschied nicht, sondern müssen raten. Händler suchen deshalb nach Magento 2 Custom Options Bildern, nach Farbfeldern für Produktoptionen oder nach einer Bildauswahl für Optionen. Die Swatches von Magento gelten nur für konfigurierbare Produkte, nicht für Custom Options.
Wer Optionen als Bild oder Farbe zeigt, senkt Rückfragen und Retouren, weil Kunden sehen, was sie wählen. Zugleich bleibt die Datenstruktur unverändert, und Bestellungen enthalten den Optionstext wie bisher.
Magento 2 Custom Options Bilder im Produkt pflegen
Im Produkt-Formular ergänzen die Magento 2 Custom Options Bilder jeden Optionswert um ein Feld für Bild und Farbwert. Sie laden die Datei hoch oder tragen einen Farbcode ein, und das Modul erzeugt daraus die Kachelgröße in der gewünschten Auflösung. Die Anzeige schalten Sie je Option ein, sodass Sie nur die Optionen verändern, bei denen ein Bild Sinn hat. Die Werte der Option bleiben die normalen Magento-Werte mit Preis und Sortierung.
- Bild-Upload oder Farbcode je Optionswert
- Anzeige als Kachel je Option ein- oder ausschaltbar
- Preis, Sortierung und SKU unverändert
Auswahl als Kachel auf der Produktseite in Hyvä
Auf der Produktseite ersetzen die Magento 2 Custom Options Bilder die Auswahlliste durch Kacheln. Ein Klick wählt den Wert, die Auswahl wird sofort hervorgehoben und der Preis aktualisiert sich über die vorhandene Magento-Preisberechnung. Bei Mehrfachauswahl lassen sich mehrere Kacheln markieren, bei Pflichtoptionen erscheint die gewohnte Fehlermeldung, wenn keine gewählt wurde. Tastatur und Screenreader erreichen die Kacheln als Radio- oder Checkbox-Gruppe.
- Preis aktualisiert sich über die Standard-Berechnung
- Pflichtfeld-Prüfung wie bisher
- Bedienbar per Tastatur, als Radio- oder Checkbox-Gruppe
Darstellung: Größe, Form und Beschriftung der Kacheln
Sie wählen Kachelgröße, Form und Beschriftung in der Konfiguration: quadratisch, rund oder abgerundet, mit oder ohne Text unter dem Bild, mit Preisaufschlag in der Kachel oder im Tooltip. Auf kleinen Bildschirmen umbrechen die Kacheln in mehrere Zeilen. Bilder werden verzögert geladen und als WebP bereitgestellt, damit die Seite schnell bleibt. Die Gestaltung nutzt Tailwind-Klassen Ihres Themes.
- Größe, Form und Beschriftung einstellbar
- Bilder verzögert geladen, WebP-fähig
- Umbruch auf kleinen Bildschirmen
Warenkorb, Bestellung und Randfälle
Im Warenkorb, in der Bestellung und in E-Mails erscheint weiterhin der Optionstext, damit Lager und Buchhaltung unverändert arbeiten. Optional zeigt der Warenkorb zusätzlich das kleine Bild der gewählten Option. Optionen vom Typ Textfeld, Datum oder Datei bleiben unberührt. Wird ein Wert gelöscht, fällt die Kachel weg, und alte Bestellungen behalten den Text. Zusätzlich lassen sich Optionswerte per Massenaktion mit Bildern versehen.
- Optionstext in Warenkorb und Bestellung unverändert
- Optional kleines Bild im Warenkorb
- Text-, Datums- und Datei-Optionen bleiben unberührt
Wo Magento 2 Custom Options Bilder im Shop helfen
Vier typische Situationen für Produkte mit Auswahl.
Möbel und Holz
Kunden wählen Holzart und Oberfläche anhand echter Musterbilder, statt Namen wie Eiche geölt zu interpretieren.
Textil und Bedruckung
Stofffarben erscheinen als Farbfelder, Motive als Bildkacheln, mit Magento 2 Custom Options Bildern ohne einzelne Artikel anzulegen.
Gravur und Schriftarten
Jede Schriftart ist eine Kachel mit Vorschau, sodass die Wahl nicht mehr zum Ratespiel wird.
Zubehör und Konfigurator-Light
Zusatzoptionen wie Griffe, Beschläge oder Rahmen werden als Bildauswahl gezeigt und direkt dem Preis zugeschlagen.
Magento 2 Custom Options Bilder: ohne und mit Modul im Vergleich
Was sich gegenüber dem Magento-Standard ändert.
| Thema | Ohne Modul | Mit Mironsoft Custom Option Swatches |
|---|---|---|
| Darstellung | Dropdown mit Text | Kacheln mit Bild oder Farbe |
| Verständlichkeit | Kunde muss raten | Kunde sieht den Unterschied |
| Preisaufschlag | Im Text der Auswahlliste | Auf der Kachel sichtbar |
| Pflege | Nur Text und Preis | Zusätzlich Bild oder Farbwert je Wert |
| Bestellung | Optionstext | Optionstext, optional mit kleinem Bild |
So richten wir Magento 2 Custom Options Bilder für Sie ein
Der Ablauf nach Ihrer Beauftragung.
Abstimmung
Sie nennen die Produkte und Optionen, die als Kacheln erscheinen sollen, und Ihre Wunschdarstellung.
Installation
Wir installieren die Magento 2 Custom Options Bilder und binden die Kacheln in Ihr Hyvä Theme ein.
Bilder
Wir hinterlegen Bilder und Farbwerte für Ihre wichtigsten Optionen oder zeigen Ihrem Team, wie es geht.
Test
Wir prüfen Auswahl, Preisaufschlag, Pflichtfeld, Mehrfachauswahl, Warenkorb und mobile Ansicht.
Übergabe
Ihr Team erhält eine Einweisung in Pflege und Darstellung.
Abgrenzung zu Swatches für konfigurierbare Produkte
Die Standard-Swatches von Magento gehören zu Attributen konfigurierbarer Produkte und erzeugen eigene Varianten mit Artikelnummer und Lagerbestand. Magento 2 Custom Options Bilder betreffen dagegen Produktoptionen, also Zusatzauswahlen am einfachen Produkt, ohne Varianten und ohne eigenen Bestand. Beide Wege haben ihren Platz: Varianten für lagerführende Artikel, Optionen für Auswahl ohne Bestandsführung.
Das Modul braucht keine Zusatz-Bibliothek, kein jQuery und kein Knockout. Alle Kacheln laufen mit Alpine.js im Hyvä Theme.
Kein Download, sondern persönliche Einrichtung
Custom Option Swatches 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 stimmen Darstellung, Optionen und Bildpflege gemeinsam mit Ihnen ab.
Häufige Fragen
Alles Wichtige zu Bildern, Farbfeldern, Preis und zum Ablauf des Kaufs.
Wie kann ich in Magento 2 Custom Options mit Bildern anzeigen?
Wie zeige ich Custom Options als Farbfelder?
Welche Optionstypen unterstützt das Modul?
Bleibt der Preisaufschlag erhalten?
Funktionieren Pflichtoptionen weiterhin?
Was passiert bei Optionen ohne Bild?
Sehe ich das Bild auch im Warenkorb?
Funktioniert das mit Hyvä?
Was unterscheidet das von den Swatches für konfigurierbare Produkte?
Kann ich das Modul selbst herunterladen und installieren?
Zuletzt angesehene Artikel
Magento 2 Custom Options Bilder – Mironsoft Custom Option Swatches