The Image Hotspot Banner section is a powerful feature that allows you to showcase your products or content in a single image. This feature is available in version 3.0 of the Xtra theme on Shopify.
Adding the Image Hotspot Banner Section
You can easily add the Image Hotspot Banner section to any page on your website, including the homepage, product page, collection template, collection list, and even the 404 page.
Customizing the Section Settings
To customize the Image Hotspot Banner section, click on the section to access its general settings. From here, you can customize the following:
Image and Opacity
Select an image to use as the background for the banner. You can also control the opacity of the background image using the provided option.
Using the color schemes settings, you can adjust the colors for the section content, hotspot icons, and button.
Height and Width
You can adjust the height and width of the hotspot icons, and choose whether the section should be displayed in a boxed or fullwidth format. Additionally, you can give a custom height to the entire section as per your requirements.
When you click on an image hotspot, you will be given the option to display a product with an Add to Cart button or to display custom content. If you choose to display a product, you can select the product you want to display. Please note that each section can have a maximum of five image hotspots.
Benefits of the Image Hotspot Banner Section
The Image Hotspot Banner section allows you to create visually engaging content for your website. You can showcase multiple products or content in a single image, which is a great way to increase engagement and drive conversions. Additionally, this feature is highly customizable, giving you complete control over the design and layout of the section.
In conclusion, the Image Hotspot Banner section is a powerful feature that allows you to showcase your products or content in a visually engaging way. This feature is highly customizable, allowing you to create a section that perfectly matches your website's design and aesthetic. If you have any questions or concerns regarding this feature, please do not hesitate to contact us.