Sticky Card Slider

The sticky card slider module displays a two-column layout where an image on the left remains fixed (sticky) while the content on the right scrolls. It's designed to enhance visual storytelling and maintain a strong visual anchor as users navigate through multiple sections of content.

The Sticky Card Slider module is designed to create an engaging storytelling experience by combining a fixed content area with scrollable cards. As the user scrolls through the page, the content on the left side remains sticky at the top of the screen, ensuring that the key message or image stays visible at all times. Meanwhile, the right side displays a sequence of cards, each taking up the full height of the viewport and appearing one after another as the user scrolls. This creates a step-by-step reveal effect where users can focus on each value, feature, or message in order, while still being anchored by the sticky left content. Once the last card has been viewed, the sticky section naturally scrolls out of view along with the rest of the page. On scrolling back up, the interaction works in reverse, with the sticky left content reappearing and the right cards moving back into view. This functionality ensures a smooth, immersive, and responsive layout across desktop and mobile devices, making it ideal for showcasing company values, product features, or process steps in a visually compelling way.

Below is a list of all the customization options available for the Dynamic Video Gallery Module

Content

Drag and drop the Sticky Card Slider into your desired location on the page.

The drag and drop the module default show review Dynamic Video Gallery group to change the content.

Add title for respective text field.

another option for user to add image in left side sticky.

another options for user to select left side content type text.

In this dropdown user to select left content type image.

In this Dropdown user select cards align to Right.

In this Dropdown user select cards align to Left.

In this check box user can add Additional formatted text to below card content.

In this image field user can add icon or images in the cards.

“On responsive devices, the card slideshow images and sticky scroll functionality will be disabled for a simpler user experience.”

users can change the cards title fonts size and color for each cards.

Users can change the card content fonts and color for each cards.

User can change the image corner radius.

User can change the cards corner radius.