E1 - Image Shoppable

The Image Shoppable section allows you to showcase products interactively, offering a fresh and engaging shopping experience for your customers.


Section Overview

  • Purpose: Display products in a playful and mysterious way, encouraging exploration.

  • Customization Options:

    • Add a header and text to introduce the section.

    • Select a background image to create a visually appealing layout.


Block Options

The Product Hotspot block is the only block option for this section and adds interactive points within the section. These hotspots allow customers to explore your products directly.

How It Works

  1. Adding a Product Hotspot:

    • Insert a hotspot into the section.

    • Choose the product linked to the Hotpsot and write a comprehensive descirption for it.

    • Position it anywhere within the section using the sliders in the settings.

  2. Customer Interaction:

    • First Click: When a customer clicks on a hotspot for the first time, a small menu appears.

    • Hover Functionality: After the initial click, the menu will appear when the customer hovers over the hotspot.

    • The menu displays product details and includes an "Add to Cart" button, which is added automatically.


πŸ’‘ Tip: Use a high-quality background image to make the section visually appealing and ensure hotspots are positioned logically for easy interaction.

πŸ’‘ Tip: With the Image Shoppable section, you can transform your product display into an engaging and memorable shopping experience for your customers.

Last updated