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.
  1. 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.

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

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

  3. 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.