Gå til indhold
Installer app
Dansk

Lookbook med hotspots

Vis et stylet foto med klikbare prikker, der viser produkterne i det.

Reference Alle abonnementer 2 min. læsning

Ét foto, f.eks. et stylet outfit eller et møbleret rum, med prikker (hotspots) på produkterne i det. Hver prik åbner et produktkort med billede, navn og pris, så kunderne kan købe hele looket.

Tilføj blokken

  1. Vælg layoutet

    Klik på Tilføj blok i megamenupanelet i forhåndsvisningen. Klik på Tilføj produkt, hold markøren over Lookbook hotspots (lookbook med hotspots), og klik på Vælg.

    (1) Klik på Tilføj produkt, (2) vælg Lookbook hotspots.
  2. Tilføj fotoet

    Angiv Heading (overskrift) under Generelt i Rediger element, og klik på Vælg billede under Billede. Sektionen Hotspots vises, når blokken har et billede.

    Blokken Lookbook hotspots i forhåndsvisningen med dens indstillinger i Rediger element.
  3. Placer dine hotspots

    Klik i Hotspots på billedet, hvor et produkt ses, for at tilføje en nummereret prik. Klik på Vælg produkter under hvert Hotspot, og vælg produktet på det sted.

  4. Gem og udgiv

    Klik på Gem og derefter på Udgiv.

Indstillinger

Generelt

HeadingStandard: Shop the look
Teksten over fotoet.
BilledeStandard: Ingen
Lookbook-fotoet.
BreddeStandard: 66.66%
Hvor meget af megamenuens række blokken fylder: Automatisk eller 8,33 % til 100 %.

Hotspots

X / YStandard: Der, hvor du klikkede
Prikkens position på billedet i % fra venstre og fra toppen. Ret den for at finjustere prikken.
Vælg produkterStandard: Ingen
Det produkt, prikken åbner. Et hotspot uden produkt vises ikke på billedet.
Fjern
Sletter dette hotspot.

Op til 6 hotspots pr. billede. Hvis du fjerner billedet, skjules sektionen Hotspots, indtil du tilføjer et igen. Synlighed virker som på alle blokke; se Indstillinger, som alle blokke har.

Tips

  • Brug et foto med plads omkring produkterne, så prikkerne og produktkortene ikke dækker hinanden.
  • Placer hver prik på selve produktet, ikke i kanten af fotoet.
  • Produktkortene følger menuens produktindstillinger: Indstillinger > Avanceret > Vis knappen Læg i kurv tilføjer også en Læg i kurv-knap til dem.

Var dette nyttigt?

Rapportér et problem