Shop the look: Hot spots

Artikeln beskriver hur "Shop the look: Hot spots" drag-och-släpp-block fungerar

Blocket för hotspots är ett block bestående av två delar. En vänsterställd bildslider, samt en bildyta som man kan tagga positioner i för att lägga in produkter samt skriva en text som syns med bakgrundsfärg i nedre vänstra hörnet av den bildytan.

Så fungerar blocket

För att använda blocket går du till den sida som blocket ska synas på, klickar på + lägg till innehåll för att öppna butikens block och klickar på "Bilder och video".  Dra sedan in blocket "Slider - Hot Spot" till sidan och spara. 

Som standard visas en bildslider till vänster och en bild utan någa inlagda hotspots till höger. Mobilt visas bildslidern överst och hotspots ytan underst.

Bildslidern

Börja med att lägga in de bilder du vill ha i bildslidern. Därefter kan du ställa in ifall slidern ska köras automatiskt och hur ofta den ska byta till nästa bild i slidern. Varje bild i slidern kan även ges en länk

Hot-Spot yta

I ytan för hotspots kan du först lägga in den bild du vill använda som bakgrundsbild för ytan.
Du kan sedan ställa in ifall bottenrutan ska synas, vad det ska stå i den, samt vilken bakgrundsfärg den ska ha.

Det finns även möjlighet att lägga in upp till 6 olika hotspots på bildytan som visar en liten popup med en produkt om man klickar på en hotspot.

För att lägga in en hotspot behöver du spara de inställningar du gjort hittills i blocket och stänga rutan för inställningar på blocket.

Vänsterklicka sedan på valfri plats på den bild du valt för hotspotsytan och en röd ruta visas i vänstra hörnet med klickets position:

Kopiera positionen och lägg in på positionsplatsen i inställningarna för blocket för att visa positionen i bildytan. Den röda rutan visas endast för administratörer i 20 sekunder, visas ej för kunder.

Därefter väljer du vilken produkt du vill ska vara associerad till den position du precis taggat in.
Om ingen produkt är vald men positionens koordinater är inlagda så kommer en tom ruta visas med texten "ingen produkt vald för punkten"

Obs! Vill du göra anpassningar av blocket? Kontakta Vendres support.