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 tilordne bestemte bilder til en variant, slik at riktig bilde vises når kunden for eksempel velger en bestemt farge.
Slik tilordner du bilder
- Gå til Produkter og klikk på Rediger på produktet
- Last opp alle bildene til produktet (alle farger/varianter)
- Gå til fanen Varianter
- Klikk på varianten du vil knytte bilder til
- Velg bildene som hører til den varianten
- Klikk på Lagre
Vis i butikken
Når en kunde velger en variant (f.eks. fargen "Rød"), bytter bildegalleriet automatisk til å vise bildene som er knyttet til den valgte varianten.
I temaet ditt
Variantbilder håndteres automatisk i de fleste temaer. Hvis du har et tilpasset tema, kan du bruke det:
Variantlenken lagres på produktet, ikke på selve varianten. Du går derfor gjennom produktbildene og sjekker for hvert bilde om det er knyttet til en bestemt variantverdi:
<{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 ikke-tilknyttet bilde vises alltid (som standardbilde), mens bilder med en bestemt varianttilknytning bare vises når den varianten er valgt.
Tips
- Last opp alle bildene først, og tilordne dem til varianter etterpå
- Bruk en konsekvent bakgrunn på alle produktbilder for et profesjonelt utseende
- Bilder som ikke er tilordnet noen variant, vises som standardbilder
Se også: Bildekvalitet og størrelsesforhold.
Trenger du hjelp? Kontakt oss 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.