Skip to content
Marketplace Assests

Image Tabs Pro Documention

1. Introduction (Overview)

Image Tabs Pro is a flexible and interactive HubSpot module designed to present content in a clean, visually engaging tabbed layout. As users hover over each numbered tab, the corresponding image is displayed instantly, and the active slide number updates automatically for a seamless browsing experience. The module supports unlimited tabs, standard and reverse layouts, responsive image height controls, and a mobile-friendly accordion view, making it ideal for showcasing products, services, features, portfolios, and other structured content across all devices. 

2. Key Features

  • Interactive image switching on tab hover
  • Automatic active slide number updates
  • Add and manage unlimited tabs
  • Standard and reverse row layout options
  • Responsive mobile accordion layout
  • Custom image height for desktop
  • Support for custom images, headings, and descriptions
  • Numbered tab navigation
  • Fully responsive across all devices
  • Perfect for services, products, portfolios, and feature showcases

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 Tabs Pro is an interactive HubSpot module with numbered hover tabs that instantly update images and slide numbers. It supports unlimited tabs, reverse layouts, responsive image heights, and a mobile-friendly accordion for a seamless experience on all devices. 

5. Module Settings Guide

1. Content Tab 

Heading Customization
  • Show or hide the section heading.
  • Add a slogan, headings.
Manage Tabs
  • Add unlimited tab items.
  • Enter a tab category name.
  • Upload a corresponding image for every tab.
  • Reorder, edit, or remove tabs as needed.

Group 469481

 

2. Style Tab

1. Module Settings:
Customize section spacing, background color, and container width with full-width or custom-width options.

2. Tabs Customization:
Control tab typography, font size, text color, active tab color.

3. Content Customization:
Customize heading font, size, mobile size, color, description typography, line height etc.

4. Image Height Customization:
Set separate image heights for desktop

5.  Slide Number: Customize the slide number with your preferred font, size, and color. 

6.  Accordion (Mobile Responsive): Style the mobile accordion using custom fonts, colors, icons, and border settings. 

7.  Direction:
 Switch between Row and Row Reverse layouts to change the module direction. 

Group 469480

 

6. Examples / Demo Preview

View the module in action: https://www.modfrybus.shop/image-tabs-pro

7. Support & Contact

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