E1 - Product Features
The Product Features section allows you to showcase the key features of a product in a visually appealing way.
Overview
This section is ideal for highlighting product features by using an image as the background and interactive elements to explain specific details.
Key Settings and Options
Background Image:
Choose an image to use as the section's background.
This image could be the product itself or a related visual.
Button and Link:
Add a customizable button that links to a specific page (e.g., the product page).
Add to Cart Button:
Include an "Add to Cart" button directly in the section, making it easy for customers to purchase the product.
Hotspot and Bullet Point Block Customization:
Customize the appearance of the two available block options—Hotspot and Bullet Point.
Block Options
1. Hotspot Block
The Hotspot block allows you to add interactive markers to the background image, highlighting specific features.
Features of the Hotspot Block
Interactive Placement:
Place hotspots anywhere on the background image to correspond with the product’s features.
For example, if the background image is a product, you can place a hotspot directly next to a feature to describe it.
Content Options:
When a customer interacts with a hotspot (marked with a “+”), a popup appears.
The popup can contain:
Text describing the feature.
An image for additional context or visual explanation.
Trigger Behavior:
Choose whether the hotspot content is revealed when the customer hovers over it or clicks on it.
2. Bullet Point Block
The Bullet Point block provides a simpler way to highlight a specific feature of the product with a text description.
Features of the Bullet Point Block
Custom Placement:
Position the bullet point anywhere on the background image to correspond with a specific feature.
Text Description:
Add a brief description next to the bullet point to explain the feature.
💡 Tip: Use a high-quality background image to ensure both hotspots and bullet points stand out clearly.
💡 Tip: Enable the "Add to Cart" button to provide a seamless shopping experience for customers.
⚠️ Note: When using hover as the trigger for hotspots, ensure they are visually distinct and easy to locate on the image.
Last updated