Produktboksdesigner: Blokk — Miniatyrbilde
Blokk — Miniatyrbilde
Miniatyrbilde viser produktets hovedbilde på kortet. Det er som regel det første kunden legger merke til, og den vanligste toppblokken på et produktkort.
Hva blokken gjør
Blokken henter produktets hovedbilde og viser det i kortet. Har produktet flere bilder, bytter kortet mellom dem når kunden holder musen over — med små prikker under bildet som viser hvor mange bilder som finnes. Mangler produktet bilde, vises et nøytralt plassholderikon i stedet, så kortet aldri kollapser.
Hele bildet er en lenke til produktsiden.
Innstillinger
Innstilling | Hva den gjør |
|---|---|
Bildestørrelse | Høyden bildet vises i. Lavere verdi gir mer kompakte kort; høyere verdi løfter bildet frem. |
Objekttilpasning | Hvordan bildet fyller området. Dekk beskjærer bildet så det fyller hele flaten uten å forvrenges. Innhold viser hele bildet, men kan gi luft på sidene. |
Indre luft | Avstand mellom bildet og kantene av blokken. |
Ytre luft | Avstand rundt blokken, mot resten av kortet. |
Slik bruker du den
- Velg Dekk når produktbildene er beskåret likt og du vil ha en jevn, rutenettaktig forside. Det gir det ryddigste resultatet.
- Velg Innhold når det er viktig at hele produktet alltid synes — for eksempel møbler eller produkter i ulike formater.
- Hold bildestørrelsen lik på tvers av maler du sammenligner, så kortene får samme høyde i kategorilisten.
Tips
- Jevn bildekvalitet i katalogen betyr mer for hvordan kortet ser ut enn noen innstilling her. Bytt til dummy-datamodus hvis ujevne produktbilder gjør det vanskelig å vurdere designet.
- Hover-bildene henter produktets ekstra bilder automatisk — du trenger ikke gjøre noe utover å laste opp flere bilder på produktet.
- Energimerke og variantknapper kan vises oppå bildet hvis de funksjonene er aktivert i butikken.