Vertical Image Slider

The Vertical Image Slider module is designed to display sector-specific content alongside a synchronized image. As users navigate through the slider, each text block highlights the selected sector while the right-side image updates dynamically.

The Vertical Image Slider module provides an interactive way to showcase content by synchronizing text and visuals in a dynamic layout. The functionality works by linking the left-side content area with the right-side image display, so when users scroll or interact with the content on the left, the corresponding image updates seamlessly on the right. This module allows you to add multiple slider entries dynamically, making it flexible for showcasing various topics, features, or case studies. In addition, it offers full control over auto play settings—you can set custom delay times for automatic slide transitions or completely disable auto play for manual navigation.

Below is a list of all the customization options available for the Vertical Image Slider 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 Vertical Image Slider group to change the content.

Add a descriptive title for the respective text field to clearly indicate its purpose and guide users in entering the appropriate content.

User can select/unselect show heading text.

Users can also add content title in the respective text field.

Users can also add description in the respective text filed.

In this image field user to add icon or image in related content.

In this image field, users can select image to show slider.

In this dropdown filed user select to locate image in left or right position.

In this dropdown field  user can select icon locate in horizontal or vertical position.

In this dropdown field user can align content vertically top and center position.

In this animation field user can control slide time delay and disable auto play option.

users can add the background color to the slider.

Users can change the title font, color and spacing.

User can change description styles like font color and spacing.

User can add the hover content styles such as border and background color.

Users can add the content active state styles such as border and background color.

Users can customize the bottom border color in respective color field.