Shopify Review Slider Section

Description of the Section

The Review Slider section, created with the Sections Pro app for Shopify, is designed to elegantly showcase customer testimonials and reviews on your storefront. This section dynamically displays feedback in a sliding carousel format, allowing e-commerce stores to highlight positive customer experiences and build credibility with potential buyers.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Free Sections
3. Search for "Review Slider"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-Commerce Store

1. Product Pages: Display reviews specific to a product directly on its page to boost customer confidence and drive conversions.
2. Homepage: Feature top reviews on the homepage to provide a broad view of customer satisfaction and build trust with new visitors.
3. Campaign Landing Pages: Use the review slider in promotional campaign landing pages to enhance storytelling with real customer experiences.
4. About Us Page: Highlight long-term customer satisfaction and testimonials on the About Us page to emphasize the brand's reliability and reputation.

Overview of the Configuration Settings

Font Settings

• Override theme fonts: Option to use custom fonts instead of the default theme fonts.
• Cite Font: Choose a font for the citation part of the reviews.
• Text Font: Choose a font for the main review text.

Text Settings

• Text Size: Adjustable range from 10px to 50px.
• Text Line Height: Multiple options ranging from 0.75 to 2.0, including an 'inherit' option.
• Text Color: Customizable color for the review text.
• Cite Size: Adjustable range from 10px to 50px for citation text.
• Cite Line Height: Similar options as text line height with an 'inherit' option.
• Cite Color: Customizable color for citation text.

Color Settings

• Background Color: Set a gradient or solid color background for the review slider.
• Highlight Color: Customize the color for highlighted elements.
• Progress Background Color: Adjust the background color for the autoplay progress indicator.
• Progress Foreground Color: Adjust the foreground color for the autoplay progress indicator.
• Indicator Color: Set the color for the navigation indicators.

Dimensions

• Max Width of Section: Set the maximum width in pixels (default: 1000px).
• Padding Top/Bottom/Left/Right: Customize the padding around the review section.

Slideshow Settings

• Enable Autoplay: Option to enable/disable autoplay.
• Autoplay Time: Various timings ranging from 2 seconds to 10 seconds.

Block Settings

Each quote block allows you to:

• Quote: Add the review text.
• Cite: Add the citation or reviewer's name.