Koppla bilder till en variant
Guide för att associera produktbilder till specifika varianter så att rätt bild visas när du väljer en variant.
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.
Relaterade artiklar
Bilder importeras inte
Felsökning när produktbilder inte importeras korrekt via CSV i Shoporama.
Bilder på landningssidor
Sådan uploader du billeder til en landingsside i Shoporama og viser dem korrekt i dit tema med getImages() og getSrc().
Optimera bilder för mobila enheter
Guide till hur du använder responsiva bilder med srcset i ditt Shoporama-tema för att tillhandahålla optimerade bilder för mobila användare.