Bilder mit einer Variante verknüpfen
Anleitung zum Zuordnen von Produktbildern zu bestimmten Varianten, damit bei der Auswahl einer Variante das richtige Bild angezeigt wird.
Sie können einer Variante bestimmte Bilder zuordnen, so dass das richtige Bild angezeigt wird, wenn der Kunde z. B. eine bestimmte Farbe auswählt.
So weisen Sie Bilder zu
- Gehen Sie zu Produkte und klicken Sie auf Bearbeiten für das Produkt
- Laden Sie alle Bilder für das Produkt hoch (alle Farben/Varianten)
- Gehen Sie auf die Registerkarte Varianten
- Klicken Sie auf die Variante, der Sie Bilder zuordnen möchten
- Wählen Sie die Bilder aus, die zu dieser Variante gehören
- Klicken Sie auf Speichern
Ansicht im Shop
Wenn ein Kunde eine Variante auswählt (z. B. die Farbe "Rot"), schaltet die Bildergalerie automatisch um und zeigt die Bilder an, die zur ausgewählten Variante gehören.
In Ihrem Thema
Variantenbilder werden in den meisten Themes automatisch behandelt. Wenn Sie ein benutzerdefiniertes Thema haben, können Sie es verwenden:
Der Link zur Variante wird auf dem Produkt gespeichert, nicht auf der Variante selbst. Sie gehen also durch die Produktbilder und prüfen für jedes Bild, ob es mit einem bestimmten Variantenwert verbunden ist:
<{foreach $product->getImages() as $image}> <{$variant_value_id = $product->getVariantImage($image->getImageId())}> <{if !$variant_value_id || $variant_value_id == $selected_variant_value_id}>> <img src="<{$image|image:400:400:400:90}>" alt="<{$product->getTitle()}>"> <{/if}> <{/foreach}>
Ein nicht zugeordnetes Bild wird immer angezeigt (als Standardbild), während Bilder mit einer bestimmten Variantenzuordnung nur angezeigt werden, wenn diese Variante ausgewählt ist.
Tipps
- Laden Sie zuerst alle Bilder hoch und ordnen Sie sie danach den Varianten zu.
- Verwenden Sie einen einheitlichen Hintergrund für alle Produktbilder, um ein professionelles Aussehen zu erzielen.
- Bilder, die keiner Variante zugewiesen sind, werden als Standardbilder angezeigt
Siehe auch: Bildqualität und Seitenverhältnis.
Brauchen Sie Hilfe? Kontaktieren Sie uns unter support@shoporama.dk.
Ähnliche Artikel
Bilder werden nicht importiert
Fehlersuche, wenn Produktbilder nicht korrekt über CSV in Shoporama importiert werden.
Bilder auf Landing Pages
Wie man Bilder auf eine Shoporama-Landingpage hochlädt und sie mit getImages() und getSrc() korrekt in Ihrem Theme anzeigt.
Optimierung von Bildern für Mobiltelefone
Anleitung zur Verwendung von responsiven Bildern mit srcset in Ihrem Shoporama-Theme, um optimierte Bilder für mobile Nutzer bereitzustellen.