Vorschaubild und Produktdetailbild unterschiedlich

[Verasipy]

Hallo,

ich verwende das Theme Dawn.

Meinem Produkt habe ich zwei Medien (Bilder) hinzugefügt.
Erstes Bild = Bild A
Zweites Bild = Bild B

Im Produktkatalog möchte ich beide Bilder anzeigen lassen (Bild A und bei hover Bild B).

Auf der Produktdetailseite möchte ich jedoch nur Bild B anzeigen.

Der Live-Chat hat mich an dieses Forum verwiesen.

Danke schon mal für die Hilfe!

[Gabe · Accepted solution]

Hey @Verasipy 

Danke für deine Frage und können wir uns das anschauen und wie man sowas am besten im Code programmiert. Wenn ich das richtig verstehe was du haben möchtest, wird das ggf. eine Code Programmierung verlagen. Aber einer unserer Experten wie Mario ( @r8r ) oder taskhusky.com kann das für dich bestimmt schnell machen. Wenn du uns einen Preview Links hier postest dann gibt das uns etwas Kontext wie es derzeit im Shop aussieht.

Du möchtest also ein Produktbild A als Vorschau auf der Collection Page anzeigen mit zweitem Bild B als Hover anzeigen (siehe auch die Kommentare darunter), aber nur das zweite Bild B auf der Produktseite. 

• Auf der Produktdetailseite möchte ich jedoch nur Bild B anzeigen.

Hier gibt es ein paar Dinge zu erwägen wie z. B. ist das ein Thumbnail Bild oder ein volles Bild. Das Dawn Theme arbeitet aber mit volle Bilder so wie es aussieht.

Ggf. kannst du das auch mit einer Hover-Image App machen die unabhängig von den im Produktstamm und Media Editor eingepflegten Varianten Bilder arbeiten kann. Hast du diese Apps schon testen können? Du kannst auch den Varianten bestimmte Bilder zuweisen mit dieser App. Weitere Apps sind Variant Image Penguin und Variant Image Automator.

Dann kannst du auch bestimmte Varianten Bilder, die auf der Kategorieseite zwar angezeigt werden, auf der Produktseite verstecken. Beispiel: Wenn du die Varianten Bilder auf der Produktseite ausblenden möchtest, füge unten in der Asset->theme.css Datei das folgende CSS ein (aber bitte zuerst in einer Themekopie testen)

.product-single__thumbnails {   display: none;}

[Gabe · Accepted solution]

Hey @Verasipy 

Danke für deine Frage und können wir uns das anschauen und wie man sowas am besten im Code programmiert. Wenn ich das richtig verstehe was du haben möchtest, wird das ggf. eine Code Programmierung verlagen. Aber einer unserer Experten wie Mario ( @r8r ) oder taskhusky.com kann das für dich bestimmt schnell machen. Wenn du uns einen Preview Links hier postest dann gibt das uns etwas Kontext wie es derzeit im Shop aussieht.

Du möchtest also ein Produktbild A als Vorschau auf der Collection Page anzeigen mit zweitem Bild B als Hover anzeigen (siehe auch die Kommentare darunter), aber nur das zweite Bild B auf der Produktseite. 

• Auf der Produktdetailseite möchte ich jedoch nur Bild B anzeigen.

Hier gibt es ein paar Dinge zu erwägen wie z. B. ist das ein Thumbnail Bild oder ein volles Bild. Das Dawn Theme arbeitet aber mit volle Bilder so wie es aussieht.

Ggf. kannst du das auch mit einer Hover-Image App machen die unabhängig von den im Produktstamm und Media Editor eingepflegten Varianten Bilder arbeiten kann. Hast du diese Apps schon testen können? Du kannst auch den Varianten bestimmte Bilder zuweisen mit dieser App. Weitere Apps sind Variant Image Penguin und Variant Image Automator.

Dann kannst du auch bestimmte Varianten Bilder, die auf der Kategorieseite zwar angezeigt werden, auf der Produktseite verstecken. Beispiel: Wenn du die Varianten Bilder auf der Produktseite ausblenden möchtest, füge unten in der Asset->theme.css Datei das folgende CSS ein (aber bitte zuerst in einer Themekopie testen)

.product-single__thumbnails {   display: none;}

[r8r · Accepted solution]

Danke für den Ping, @Gabe – @Verasipy, rein technisch sehe ich keine großen Hürden das umzusetzen, wie Du Dir das wünscht. Es ist einfach mit ein wenig Aufwand verbunden – je nach Theme etwas mehr oder halt weniger. Solltest Du Interesse daran haben, dass ich mir das ansehe, kannst Du mir gerne schreiben!

Alles Liebe,
Mario