Overview
The Vertical Showcase Accordion is a flexible and interactive HubSpot module designed to showcase multiple content items in a clean vertical accordion layout. Users can highlight services, solutions, projects, case studies, events, and other content while keeping the page visually organized and engaging.
Each item can include an image, title, description, category label, and supporting tags or information. The expandable vertical layout allows visitors to explore content without overwhelming the page.
Create interactive vertical accordion layouts that let visitors explore multiple content items in a compact and engaging format.
- Create interactive vertical accordion layouts that let visitors explore multiple content items in a compact and engaging format.
- Showcase different types of content, including solutions, projects, case studies, events, services, and more.
- Add images, titles, descriptions, labels, and supporting tags to create rich and informative content panels.
- Customize colors, typography, spacing, borders, and other styling options to match your website's visual identity.
- Provide a responsive experience that adapts smoothly across desktop, tablet, and mobile devices.
- Reuse the same module across different sections and content types without requiring custom development.
Customisation Options
i. Content Settings
Customize the information displayed within each accordion item:
- Section heading
- Section eyebrow/label
- Item label
- Item title
- Description
- Featured image
- Tags / supporting information / page redirection
ii. Layout Settings
Control the overall appearance and structure of the module:
- Maximum content width
- Desktop spacing
- Mobile spacing
- Image dimensions
- Content alignment
iii. Style Settings
Match the module to your website's branding with options for:
- Heading color
- Text color
- Label color
- Background color
- Border color
- Accent color
- Typography
- Border radius
- Tag styling
.png)
.webp)
