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.
Du kan tilknytte specifikke billeder til en variant, så det rigtige billede vises når kunden vælger fx en bestemt farve.
Sådan tilknytter du billeder
- Gå til Produkter og klik Rediger på produktet
- Upload alle billeder til produktet (alle farver/varianter)
- Gå til Varianter-fanen
- Klik på den variant du vil tilknytte billeder til
- Vælg de billeder der hører til den pågældende variant
- Klik Gem
Visning i shoppen
Når en kunde vælger en variant (fx farven “Rød”), skifter billedgalleriet automatisk til at vise de billeder der er tilknyttet den valgte variant.
I dit tema
Variantbilleder håndteres automatisk i de fleste temaer. Hvis du har et custom tema, kan du bruge:
Variant-koblingen er gemt på produktet, ikke på selve varianten. Du går derfor produktets billeder igennem og tjekker pr. billede, om det er tilknyttet en bestemt variant-værdi:
<{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:90}>" alt="<{$product->getTitle()}>">
<{/if}>
<{/foreach}>
Et billede uden tilknytning vises altid (som standardbillede), mens billeder med en bestemt variant-tilknytning kun vises, når den variant er valgt.
Tips
- Upload alle billeder først, tilknyt dem til varianter bagefter
- Brug ensartet baggrund på alle produktbilleder for et professionelt look
- Billeder der ikke tilknyttes nogen variant vises som standardbilleder
Se også: Billedkvalitet og billedformat.
Har du brug for hjælp? Kontakt os på support@shoporama.dk.
Ähnliche Artikel
Bilder werden nicht importiert
Fehlersuche, wenn Produktbilder nicht korrekt über CSV in Shoporama importiert werden.
Bilder auf Landing Pages
Sådan uploader du billeder til en landingsside i Shoporama og viser dem korrekt i dit tema med getImages() og getSrc().
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.