Skip to content
Marketplace Assests

Image Content Banner Documention

1. Introduction (Overview)

Image Content Banner is an interactive HubSpot module that displays multiple content items with dynamic background images. Content and images change on hover or autoplay, helping you create engaging service, feature, product, and storytelling sections with ease.

2. Key Features

  • Add and manage multiple banner items
  • Dynamic content and background image switching
  • Hover-based banner and content transitions
  • Enable autoplay to automatically change content and background images
  • Default active banner and content selection
  • Full Width and Half Width layouts
  • Separate desktop and mobile height settings
  • Display index numbers, titles, and descriptions
  • Fully responsive across all devices

3. Installation – Downloading the Module from HubSpot Marketplace

  • Log in to your HubSpot account.
  • Go to the Marketplace from the main navigation menu.
  • Search for your module by name.
  • Find the module in the results and click Install.
  • If it’s a paid module, you can also click Buy Now to purchase and install directly.

4. How to Use – Adding the Module to Your Page

  • Open your HubSpot page editor.
  • Click on Add Module.
  • Search for your module by name.
  • Drag and drop the module into the desired section of your page.

  • Image Content Banner is an interactive HubSpot module that updates content and background images on hover or autoplay. Perfect for showcasing services, features, products, and brand stories.

5. Module Settings Guide

1. Content Tab 

  • Add and manage multiple banner items: Create and organize multiple banner entries.

  • Enable autoplay to automatically change content and background images: Switch content and images automatically.

  • Default active banner and content selection: Select the first banner item to display.

  • Content customization: Customize index, title, description, and background image.


Group 469456 (1)

 

2. Style Tab

  • Module width option: Choose between full width or a custom container layout.

  • Height option: Set separate banner heights for desktop and mobile devices.

  • Add box shadow: Apply a custom box shadow to the entire banner section.

  • Spacing: Control module padding and margin for perfect spacing.

  • Background overlay gradient color option: Add a gradient overlay color on background images.

  • Content customization: Customize colors, font family, font size, line height, and mobile typography.

  • Opacity option for content: Adjust the opacity of inactive content items.

  • Mobile blur background option: Enable a blur effect on background images for mobile devices.

  • Border customization option: Customize border width, style, color, and radius settings.

 

Group 469455

 

6. Examples / Demo Preview

View the module in action: https://www.modfrybus.shop/image-content-banner

7. Support & Contact

For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!