--- title: Image Tabs Pro Documention description: Image Tabs Pro Documention --- [Skip to content](https://www.modfrybus.shop/image-tabs-pro-documention#main-content) [![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=90&height=52&name=Modfrybus-logo.png)](https://www.modfrybus.shop/?hsLang=en) - [Home](https://www.modfrybus.shop/) - [About](https://www.modfrybus.shop/about-us) - [Services](https://www.modfrybus.shop/services) - [Pricing](https://www.modfrybus.shop/pricing) - [Blog](https://www.modfrybus.shop/modfrybus-blog) - [Contact](https://www.modfrybus.shop/contact-us) Open main navigation Close main navigation - [Home](https://www.modfrybus.shop/) - [About](https://www.modfrybus.shop/about-us) - [Services](https://www.modfrybus.shop/services) - [Pricing](https://www.modfrybus.shop/pricing) - [Blog](https://www.modfrybus.shop/modfrybus-blog) - [Contact](https://www.modfrybus.shop/contact-us) - [Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus) [Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus) #### 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](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%20469481.png?width=1000&height=700&name=Group%20469481.png)   **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](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%20469480.png?width=1000&height=732&name=Group%20469480.png)   ## 6. Examples / Demo Preview View the module in action: [https://www.modfrybus.shop/image-tabs-pro](https://www.modfrybus.shop/image-tabs-pro?hsLang=en) ## 7. Support & Contact For questions or support, contact us at [productqueriemodfrybus@outlook.com](mailto:productqueriemodfrybus@outlook.com) We’re happy to help! [![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=150&height=87&name=Modfrybus-logo.png "Modfrybus-logo")](https://www.modfrybus.shop/?hsLang=en) [Privacy Policy](https://www.modfrybus.shop/privacy-policy?hsLang=en) [Terms and Conditions](https://www.modfrybus.shop/terms-and-conditions?hsLang=en) [Refund Policy & Support](https://www.modfrybus.shop/modfrybus-refund-policy-support?hsLang=en) Copyright © 2025, Modfrybus