Shopify Scrolling Images Section

Description of the Section

The "Scrolling Images" section transforms your Shopify storefront with a captivating scrolling image carousel. As users scroll, new images appear while accompanying text and headlines gracefully transition in and out. The section is perfect for highlighting multiple products, features, or stories in a dynamic and visually appealing manner.

Demo of the Section

Installation Instructions

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

Sample Use Cases for a Shopify E-commerce Store

1. Product Features Carousel: Showcase the unique features of a new product. Each scroll reveals a new image with a descriptive text overlay.
2. Customer Testimonials: Display customer reviews and testimonials with their corresponding profile pictures.
3. Brand Story: Tell the brand's story with a series of images and narratives that transition as the user scrolls.
4. Seasonal Promotions: Highlight different aspects of a seasonal promotion or holiday campaign.
5. Portfolio Display: Creative agencies can use this section to showcase a portfolio of completed projects with descriptions.

Overview of the Configuration Settings

• Fonts:

  • Override theme fonts
  • Headline Font
  • Text Font

• Text:

  • Text Size (10px to 50px)
  • Text Line Height (0.75 to 2.0, or inherit)
  • Headline Size (10px to 50px)
  • Headline Line Height (0.75 to 2.0, or inherit)

• Colors:

  • Background Color
  • Progress Background Color
  • Progress Foreground Color
  • Indicator Color

• Dimensions:

  • Max Width of Section (in pixels)
  • Height (in pixels)
  • Point where text appears on the screen (in pixels)
  • Padding Top, Bottom, Left, Right (in pixels)
  • Element Spacing (in pixels)
  • Gap between Columns (in pixels)

• Slideshow:

  • Round Borders on Media (0px to 50px)
  • Subtle Shadow on Media
  • Media Aspect Ratio (21:9, 16:9, 4:3, 1:1)