Mit diesem produktspezifischen Zusatzfeld ergänzt du ein zusätzliches Hover-Bild im Produktlisting. Es wird eingeblendet, wenn mit der Maus über das Cover-Bild gefahren wird.
Auf Smartphones und Tablets erscheint unter dem Produktbild eine Zeile mit zwei Punkten. Ein Tipp darauf wechselt zwischen Cover-Bild und Hover-Bild, ein Tipp auf das Bild selbst öffnet die Produktseite.
Auf Touch-Geräten wechseln die Punkte unter dem Bild zum Hover-Bild
Hinweis: Das Hover-Bild wird angezeigt, wenn in der Theme-Konfiguration der Hover-Effekt "Hover-Bild (Zusatzfeld)" gewählt ist. Dort stellst du auch die Animation und die Anzeige auf Touch-Geräten ein:
Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktbild" => "Hover-Effekt", "Animation (Hover-Bild)" und "Hover-Bild auf Touch-Geräten"
Mehr dazu unter Produkt-Box.
Barrierefreiheit: Das Hover-Bild ist eine Ergänzung zum Cover-Bild und wird von Screenreadern nicht vorgelesen. Die Zeile mit den Punkten ist kein zusätzlicher Tab-Stopp, die Produkt-Box bleibt für Tastatur und Sprachausgabe unverändert. Ist in den Systemeinstellungen "Bewegung reduzieren" aktiv, wechselt das Bild ohne Animation.
Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki: Hover-Bild im Listing einrichten (zweites Produktbild)
Zusatzfeld
Du findest das Zusatzfeld "Hover-Bild" im jeweiligen Produkt:
Tab "Spezifikationen" ⇒ Bereich "Zusatzfelder" ⇒ Tab (Set) "Produkte (ThemeWare® ... Pro)"
Typ: Medien-Auswahl
Technischer Name: twt_{theme}_{edition}_custom_field__product__hover_image