Search limit to:






Slideshow #1 - #2 - #3 - #4 - #5

by Admin on Sep 09, 2025

The Slideshow dynamically displays multiple images or content in sequence, commonly used to grab attention, highlight promotions, or tell a visual story.

1. Section Components

Section Slideshow Displays multiple images or content in sequence.
Available blocks Slide Add an individual image/video slide to the section.
Media with Text Add a clean text-and-image split design.

2. Location & Setup

To add & set up the Slideshow section:

  • Open the Shopify Theme Editor (Online Store > Themes > Customize).
  • Decide where you want to place the new section in Template.
  • Click "Add Section".
  • Select "OT: Slideshow (#number of variant)".

3. Highlight Features

  • Dynamic image & video display: Showcase multiple images or videos in sequence with carousel effects to grab attention and tell your brand story.
  • Flexible layouts (5 variants): Choose from 5 ready-made slideshow layouts, each designed for different storytelling and promotional needs.
  • Advanced layout options: Use "Media with Text" slides to highlight products or stories with a clean text-and-image split design.

4. Common Use Cases

🤔 How to set up Slideshow?

STEP 1: Add the section

Add Slideshow section to your desired position.

STEP 2: Add & customize Slide blocks

Under Slideshow section, add Slide blocks and open its settings panel to set up:

  • Upload a high-quality Image optimized for desktop and mobile.
  • Add Heading, Subheading, and optional descriptive text.
  • Add a Side link, so when users click on the banner, it will navigate to that link.
  • Add up to two buttons per slide, customizing labels, links, and styles.
  • Adjust the Desktop and Mobile look, including slideshow position, content alignment, and so on.

STEP 3: Click "Save".

🤔 How to add carousel animation and pagination to your Slideshow?

STEP 1: Click on the Slideshow section to open its settings panel

STEP 2: Adjust the setting, depending on your need

Setting name Purpose
Enable auto-play Turn on to set a slide transition autoplay.
Change slides every Adjust the duration between each slide change (from 5-10s)
Next/Previous Arrows Enable to add left and right arrows to the slideshow.
Pagination Choose your desired pagination style from the list:
  • None: No pagination indicators.
  • Dots: Simple dot indicators for slide navigation.
  • Bars: Bars showing slide progress.
Transition style Choose a Transition style (Slide or Fade).

STEP 3: Click "Save".

🤔 How to use videos to display in Slideshow?

To showcase videos in Slideshow, follow this:

STEP 1: Add the section

Add OT: Slideshow #5 section to your desired position.

STEP 2: Add & customize Slide blocks

Under OT: Slideshow #5 section, add Slide blocks and open its settings panel to set up:

  • Upload a video under Shopify-hosted video or embed a video from URL.
  • Adjust other block elements such as headings, buttons, and layouts.

STEP 3: Click "Save"

🤔 How to create a Media with Text slide layout?

Use this layout to highlight a product or story with text displayed separately from the image for a clean and modern look.

STEP 1: Add a new Media with Text block to the OT: Slideshow #5 section.

STEP 2: Upload the main Image for the slide. (Add a link to the Image link field, so when users click on the banner, it will navigate to that link.)

STEP 3: Customize the content

  • Add a Subheading, Heading, and optional text.
  • Add up to two buttons with labels, links, and styles (Primary, Secondary, or Text link).

STEP 4: Set up the layout

Choose the look for your Media with text slideshow on both Desktop and Mobile under the Layout setting group.

STEP 5: Click "Save".

5. Layout Recommendations

The Slideshow section has 5 appealing layouts available. If you want support to set up the layouts, don't hesitate to chat with us!

📂 Slideshow #1

Check out demo here.

📂 Slideshow #2

Check out demo here.

📂 Slideshow #3

Check out demo here.

📂 Slideshow #4

Check out demo here.

📂 Slideshow #5

Check out demo here.

6. Support Information

Need help? Contact our support team at Omni Themes Support .