Shopify Review Parallax Section

Description of the Section

The "Review Parallax" section allows you to create an engaging testimonial segment for your Shopify store. This section is designed with a parallax effect that enhances your customer's browsing experience while keeping their focus on important testimonials, reviews, or any other significant content. It supports a variety of block types, including five-star ratings, headlines, paragraphs, citations, rich text, and call-to-action buttons, allowing for diverse customization options.

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 Parallax"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

1. Product Testimonials: Highlight customer reviews for popular products with a background image related to the product.

2. Services Offered: Showcase the range of services your store offers along with customer feedback on each service.

3. Brand Storytelling: Use the parallax section to tell your brand's story coupled with customer testimonials, creating a compelling narrative.

4. Promotional Campaigns: Run promotional campaigns with attractive backgrounds and customer feedback to boost engagement and credibility.

5. Feature Announcements: Announce new features or updates, accompanied by user testimonials to generate buzz and validate the enhancements.

Overview of the Configuration Settings

• Font Customizations:

  • Override theme fonts: Option to use custom fonts.
  • Headline Font: Customize the headline font.
  • Text Font: Customize the text font.
  • Citation Font: Customize the citation font.

• Text Settings:

  • Text Size: Adjustable text size ranging from 10px to 50px.
  • Text Line Height: Set the line height for text.
  • Text Color: Change the text color.
  • Citation Size: Adjustable citation text size.
  • Citation Line Height: Set the line height for citations.
  • Citation Color: Change the citation text color.
  • Headline Size: Adjustable headline size ranging from 10px to 100px.
  • Headline Line Height: Set the line height for headlines.
  • Headline Color: Change the headline text color.
  • Subtle Shadow on Text: Option to add a text shadow.

• Colors:

  • Background: Customize the background color or gradient.
  • Cover Background: Set the overlay cover background color or gradient.
  • Cover Opacity: Adjust the opacity of the overlay cover between 0% and 100%.

• Image:

  • Image: Add a background image.

• Alignment:

  • Box Alignment: Align the content box to left, center, or right.

• Dimensions:

  • Max Width: Set the maximum width of the section.
  • Height: Define the height of the section.
  • Padding: Set padding values for top, bottom, left, and right.
  • Element Spacing: Define the spacing between elements within the section.

• Block Types:

  • Headline: Add a customizable headline with alignment options.
  • Paragraph: Add paragraph text with alignment options.
  • Citation: Add a citation with customizable alignment.
  • Rich Text: Add enriched text content with various formatting options.
  • Button: Add a call-to-action button with text, link, and styling options.
  • 5-Star Rating: Add a five-star rating with customizable alignment and icon color.