Knytt bilder til en variant
Veiledning for å knytte produktbilder til bestemte varianter, slik at riktig bilde vises når du velger 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)
- Fold sektionen Produktbilleder ud
- Vælg ved hvert billede i dropdown'en Tilknyt til variant, hvilken variant billedet hører til
- Gentag for hvert billede der skal have en variant-tilknytning
- 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 = $image->getVariantAttributeValueId()}>
<{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.
Relaterte artikler
Bilder blir ikke importert
Feilsøking når produktbilder ikke importeres riktig via CSV i Shoporama.
Bilder på destinasjonssider
Slik laster du opp bilder til en Shoporama-destinasjonsside og viser dem riktig i temaet ditt med getImages() og getSrc().
Optimalisering av bilder for mobil
Veiledning i bruk av responsive bilder med srcset i Shoporama-temaet ditt for å gi optimaliserte bilder for mobilbrukere.