1. Introduction (Overview)

Horizontal Panels Pro is an interactive module that expands images and updates content on image or arrow click, helping you create engaging, responsive panel layouts easily.

2. Key Features

• Interactive Image Panels: Click images to expand them and update related content instantly.
• Arrow & Image Click Navigation: Enlarge images and update content using arrows or image clicks.
• Multiple Panel Support: Add multiple panels with unique images and content.
• Responsive Image Height Control: Set different image heights for desktop, tablet, and mobile.
• Fully Customizable: Easily customize panels, images, content, and layout to match your design needs.
• Fully Responsive: Delivers a seamless experience across desktop, tablet, and mobile 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.

• Horizontal Panels Pro lets you build dynamic horizontal panels where images expand and content changes on arrow or image clicks, with full responsiveness and easy customization.

   

   

5. Module Settings Guide

1. Content Tab 

• Add Multiple Panels: Create and manage multiple panels in the module.

• Subtitle, Title, Description & Button: Add text content and a button for each panel.

 

2. Style Tab

• Module Settings: Set module width (full or custom), spacing, and overall color options.

• Module Spacing: Control spacing separately for desktop, tablet, and mobile.

• Text Customization: Fully customize subtitle, title, and description including color, font size, text transform (uppercase/lowercase), line height for title, and mobile font size.

• Arrow Customization: Customize arrows with color, hover color, background color, and border color.

• Button Customization: Adjust button font, text color, background color, and spacing.

• Expanded Image Width: Set expanded image width separately for desktop, tablet, and mobile.

• Image Height Control: Customize image height for desktop, tablet, and mobile devices.

• Custom Scrollbar: Style the scrollbar for multiple panels with thumb color and height.

• Fully Customizable: Customize every element to match your design and layout needs.

• Fully Responsive: Works seamlessly across desktop, tablet, and mobile devices.

 

 

6. Examples / Demo Preview

View the module in action:https://www.modfrybus.shop/horizontal-panels-pro

7. Support & Contact

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