---
title: HubSpot Horizontal Scroll Panels Module | Studio Nope
description: A HubSpot module whose panels move sideways as the wheel turns over them, adding no empty height to the page. Image or video per card, progress bar or dots, and a mobile fallback you set. One-time $34.99.
image: https://www.studionope.com/hubfs/studio-nope-og-card.png
---

[Studio Nope](https://www.studionope.com/)

[Services](https://www.studionope.com/services) [Themes](https://www.studionope.com/themes) [Modules](https://www.studionope.com/modules) [Bundles](https://www.studionope.com/bundles) [Tools](https://www.studionope.com/tools) [Blog](https://www.studionope.com/blog) [Contact](https://www.studionope.com/contact)

HubSpot Section Module

# Horizontal Panels Pro

A section whose panels move sideways as the wheel turns over them. The section is the height of its own content, so it adds nothing empty to the page for the panels to travel through. When the panels reach the end, the wheel goes back to the page.

[Get it on HubSpot →](https://ecosystem.hubspot.com/marketplace/modules/horizontal-panels-pro-module-by-studio-nope) [View demo →](https://www.nopethemes.com/horizontal-panels-pro)

Demo

## The wheel moves the panels.

Panels move sideways when the wheel turns over them. The page length still matches what is on it, and at either end the wheel goes back to the page. No animation library, and nothing to collide with your theme’s scripts.

wheel-drivenno empty heightimage or video per cardbar, dots or counterarrow keysswipe or stack on mobilereduced-motion aware

Features

## What this module does.

Every option below is a real, editable field in the HubSpot page editor.

01

### Panels move with the wheel

The section stays the height of its own content, so the page length still matches what is on it. At either end the wheel goes back to the page. No animation library and nothing to collide with your theme’s scripts.

02

### Image or video on every card

Each card picks its own: an image or a looping video above the text, or either one behind it under an overlay you set. Pictures sit inside the card frame or run to its edges.

03

### Everything a panel holds

An eyebrow, a title, rich-text body, a badge, media and a link. Cards link as a line of text, or the whole card becomes the link with an arrow in the corner.

04

### Progress and stepping

Progress reads as a bar, dots or a counter. Arrows step between panels and switch off at the ends, and the arrow keys do the same.

05

### Small screens get their own layout

Below a breakpoint you set, the wheel is left alone. Panels swipe with scroll-snap or stack under each other, with their own height, padding and type sizes.

06

### Styled from the editor

Every colour, size, weight, letter spacing, radius and space is a field on the Style tab. Fonts and the accent colour inherit from your HubSpot theme. Readers whose system asks for less motion get a plain horizontal scroller, with background video held on its poster frame.

Pricing

## One-time price.

A single one-time purchase on the HubSpot Marketplace — no subscription.

Horizontal Panels Pro

$34.99one-time

One-time price on the HubSpot Marketplace. Works on any HubSpot page template, with no theme required.

- Standalone HubSpot CMS module
- Full Style tab so it matches your brand
- Clean, documented HubL — no dependencies
- Free updates and support

[Get it on HubSpot →](https://ecosystem.hubspot.com/marketplace/modules/horizontal-panels-pro-module-by-studio-nope)

FAQ

## Common questions.

What does Horizontal Panels Pro do?

It is a section whose panels move sideways as the wheel turns over them. The section stays the height of its own content, so it adds nothing empty to the page for the panels to travel through. When the panels reach the end, the wheel goes back to the page.

Does it trap the page when someone scrolls?

No. The wheel moves the panels only while there is track left to cover, and is handed straight back at either end. Arrows step between panels and switch off at the ends, and the arrow keys do the same.

What happens on a phone?

Below a breakpoint you set, the wheel is left alone. Panels swipe with scroll-snap or stack under each other, with their own height, padding and type sizes for small screens.

How much does it cost?

It is a one-time purchase of $34.99 on the HubSpot Marketplace, which includes free updates and support.

## Tell us whatyou're building.

Themes, modules, full builds, audits, migrations. Send the shape of it and we'll come back with a clear scope and a price.

[Get in touch →](https://www.studionope.com/contact)

[Studio Nope](https://www.studionope.com/)

© 2026 Studio Nope.  
All rights reserved.

##### Products

[Themes](https://www.studionope.com/themes)[Modules](https://www.studionope.com/modules)[Bundles](https://www.studionope.com/bundles)[Tools](https://www.studionope.com/tools)

##### Services

[Custom themes](https://www.studionope.com/services/custom-hubspot-theme-development)[Branding & design](https://www.studionope.com/services/hubspot-branding-design)[HubL & CMS dev](https://www.studionope.com/services/hubl-hubspot-cms-development)[Website builds](https://www.studionope.com/services/hubspot-website-funnel-builds)[Audits & migrations](https://www.studionope.com/services/hubspot-audits-fixes-migrations)

##### Company

[Blog](https://www.studionope.com/blog)[FAQ](https://www.studionope.com/faq)[Contact](https://www.studionope.com/contact)[Legal](https://www.studionope.com/legal)

##### Get in touch

[hello@studionope.com](mailto:hello@studionope.com)[Contact](https://www.studionope.com/contact)[YouTube](https://www.youtube.com/@Hello-Studio-Nope)

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://www.studionope.com/horizontal-panels-pro#breadcrumb",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/",
    "name" : "Home",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/modules",
    "name" : "HubSpot Modules",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/horizontal-panels-pro",
    "name" : "Horizontal Panels Pro",
    "position" : 3
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://www.studionope.com/horizontal-panels-pro#product",
  "@type" : "Product",
  "brand" : {
    "@type" : "Brand",
    "name" : "Studio Nope"
  },
  "category" : "HubSpot CMS module",
  "description" : "A HubSpot section whose panels move sideways as the wheel turns over them. The section is the height of its own content, so it adds nothing empty to the page. Image or video per card, progress as a bar, dots or a counter, and a mobile fallback you set.",
  "name" : "Horizontal Panels Pro",
  "offers" : {
    "@type" : "Offer",
    "availability" : "https://schema.org/InStock",
    "price" : "34.99",
    "priceCurrency" : "USD",
    "url" : "https://ecosystem.hubspot.com/marketplace/modules/horizontal-panels-pro-module-by-studio-nope"
  },
  "url" : "https://www.studionope.com/horizontal-panels-pro"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://www.studionope.com/horizontal-panels-pro#faq",
  "@type" : "FAQPage",
  "mainEntity" : [ {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "It is a section whose panels move sideways as the wheel turns over them. The section stays the height of its own content, so it adds nothing empty to the page for the panels to travel through. When the panels reach the end, the wheel goes back to the page."
    },
    "name" : "What does Horizontal Panels Pro do?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "No. The wheel moves the panels only while there is track left to cover, and is handed straight back at either end. Arrow keys step between panels and switch off at the ends, and the arrows do the same."
    },
    "name" : "Does it trap the page when someone scrolls?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Below a breakpoint you set, the wheel is left alone. Panels swipe with scroll-snap or stack under each other, with their own height, padding and type sizes for small screens."
    },
    "name" : "What happens on a phone?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "A one-time purchase of $34.99 on the HubSpot Marketplace, which includes free updates and support."
    },
    "name" : "How much does it cost?"
  } ]
}
```