Lookbook hotspots makes it easier to shop from the pictures and see the information from the product. If you have lookbook hotspots enabled in your app, you can set hotspot products and their locations via CMS. Here is a quick guide on how to manage lookbook hotspots.
Enabling Hotspots for Lookbook
Lookbook hotspots can be enabled while creating a new lookbook or on the edit page of an existing lookbook. You just need to tick the “Enable Hotspots” checkbox as shown below. For guidance on how to create lookbooks from scratch please visit: https://poqstudio1.zendesk.com/hc/en-us/articles/201017601-Lookbooks
Editing Hotspots of Products
Once hotspots are enabled, you need to navigate to lookbook pictures by clicking one of the lookbook pictures. On that page, there are list of products and if hotspots are enabled, you should see “X Position” and “Y Position” options next to each product. Please make sure the products are available in the app so can be visible.
To set the positon of a product, you need to enter X and Y position for each of them and click “Save Hotspot” button.
How to set the X and Y coordinates
X and Y coordinates will be based on the pixels set when creating the images in the designer’s tool (e.g. Sketch or PSD). As a guide, full screen portrait images will be 750 x 1334 or if created specifically for ipad 1536 x 2048.
Enter the X and Y coordinates for each product and click “save hotspot” after each entry
- If you do not set a correct X,Y coordinate then the hot spots will not appear on the screen.
- If you do not set any coordinates, the product will not appear on the lookbook
- It is not advised to set coordinates as 0,0 as it will cut off the “X” button