How-To's of Magento 2 Lookbook Extension

How to Add Hotspots and Link Products in a Lookbook?

1. Access the Lookbook Admin Panel: Log in to your Magento 2 admin panel, and from the sidebar, navigate to FME Extensions > Lookbook.

2. Select an Existing Lookbook: If you already have a lookbook created, click on the lookbook title to open it for editing. If you need to create a new lookbook, follow the steps mentioned above.

3. Upload a Lookbook Image: In the "Lookbook Image" section, upload the image you want to use for the product hotspots. Make sure the image is clear and properly showcases the products.

4. Adding Hotspots: Once the image is uploaded, you will see a preview of it.

• Click on the Image: Wherever you want to place a hotspot, click on the image. This will create a marker that users can click on the frontend.
• Link Product: A popup will appear where you can search and select a product from your catalog to link to the hotspot. You can search for products by name or SKU.

5. Customize the Hotspot: After selecting the product:

• You can move the hotspot to the exact position on the image.
• Tooltip Text: Add custom text that will appear when a user hovers over the hotspot (optional but can enhance user experience).
• Popup Settings: Choose whether the product details will appear in a popup or directly link to the product page.

6. Save the Hotspot: Once you are satisfied with the position and configuration of the hotspot, click the "Save" button.

7. Repeat for Additional Products: Add as many hotspots as needed for your lookbook by repeating the process above.

8. Save the Lookbook: After configuring all hotspots, click "Save Lookbook." The hotspots will now be active on the frontend, allowing customers to click and view linked products directly from the image.