Wow Testimonial Carousel Doc

The Testimonial Carousel module allows you to display customer reviews, client feedback, or endorsements in a visually engaging carousel layout. Each testimonial item can include reviewer details, ratings, quotes, and optional tab-based navigation, making it ideal for building trust and showcasing social proof.

Content

The Content tab is where you create testimonial items and define how the carousel functions across devices.

Add New Item

This option allows you to add individual testimonial entries to the carousel. Each item includes its own Content, Elements, Tab Content, and Design controls.

Carousel Item → Content

This toggle contains the core testimonial information displayed inside each slide.

1. Image Alt Text – Improves accessibility and SEO for testimonial images.
2. Name – Displays the reviewer’s name.
3. Title – Shows the reviewer’s designation, role, or company name.
4. Use Rating – Enables or disables the rating system for the testimonial.
5. Rating – Select a rating value from 1 to 5.
6. Testimonial – The main testimonial text or review content.
7. Upload Custom Quote Icon – Upload a custom quote icon image.
8. Select Quote Icon – Choose a predefined quote icon from the dropdown.

Carousel Item → Elements

This toggle controls the visibility and positioning of testimonial elements.

1. Hide Quote Icon – Hides the quote icon from the testimonial layout.
2. Reviewer Position – Defines where the reviewer details appear within the slide.
3. Rating Position – Controls the placement of the rating stars.
4. Review Design – Selects the overall visual style of the testimonial layout.

Carousel Item → Tab Content

This toggle manages content used when the tab feature is enabled.

Notice: These fields are only visible when the Use Tab option is enabled in the Tab Settings toggle.

1. Title – Sets the tab title text.
2. Subtitle – Adds supporting text within the tab.
3. Thumbnail – Uploads or selects an image used inside the tab.

Carousel Settings

This toggle controls the global behavior and interaction of the testimonial carousel.

Carousel Settings → General Tab

Defines animation, layout, and responsiveness for the carousel.

1. Animation Speed – Controls how fast slides transition.
2. Autoplay – Automatically rotates testimonial slides.
3. Autoplay Speed – Sets the delay between autoplay transitions.
4. Navigation & Pagination – Displays navigation arrows, pagination dots, both, or none.
5. Use Fixed Width Slide – Maintains a consistent slide width.
6. Slides To Show – Determines the number of testimonials visible per device (responsive setting).
7. Slide Spacing – Adjusts spacing between testimonial items.
8. Apply Spacing on First & Last Items – Adds spacing to edge slides.
9. Infinite Looping – Enables continuous looping of testimonials.

Carousel Settings → Advanced Tab

Provides advanced interaction, animation, and performance options.

1. Sliding Direction – Controls slide direction, including RTL compatibility.
2. Sliding CSS Transition – Defines the easing effect for slide animations.
3. Lazy Loading – Loads testimonial content only when needed.
4. Lazy Loading Type – Choose between Progressive or On-demand loading.
5. Auto Height – Adjusts carousel height automatically based on content.
6. Swipe – Enables touch swipe navigation.
7. Pause on Hover – Pauses autoplay when the carousel is hovered.
8. Items to Scroll – Sets how many testimonials move per scroll action.
9. Vertical Mode – Displays testimonials in a vertical layout.
10. Center Mode – Highlights the center testimonial.
11. Wait For Animate – Prevents overlapping slide animations.
12. Use Custom Cursor – Enables a custom cursor effect.
13. Wrapper Spacing Top – Adds spacing above the carousel.
14. Wrapper Spacing Bottom – Adds spacing below the carousel.
15. Open Image in Lightbox – Opens testimonial images in a lightbox view.
16. Equalize Item Height – Ensures all testimonial items have equal height.

Tab Settings

This toggle enables and controls tab-based navigation for testimonials.

1. Use Tab – Enables the tab layout.
2. Hide Tab on Mobile – Hides tabs on smaller devices.
3. Select Tab Elements – Choose which elements appear in tabs.
4. Tab Items – Manages individual tab entries.
5. Item Spacing – Controls spacing between tab items.

Design

The Design tab allows you to customize the visual appearance of the Testimonial Carousel.

Navigation

Styles the carousel navigation arrows.

Pagination

Customizes pagination indicators for testimonial navigation.

Tab Style

Controls the appearance of the tab container.

Tab Elements

Style individual elements displayed inside tabs.

Text

Controls typography, colors, and alignment for testimonial text.

Sizing

Adjusts width, height, and responsive dimensions.

Spacing

Manages padding and margins throughout the module.

Box Shadow

Adds depth using shadow effects.

Filters

Applies CSS filters such as brightness or contrast.

Transform

Adds transform effects like scaling or rotation.

Animation

Controls animation effects applied to testimonial elements.