Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Slideshow section

Nelly

Written by Nelly

Last updated

40 views

On this page


There are 3 Slideshow sections: Slideshow, Slideshow Center, and Slideshow Split.

These sections allow you to create the Slider with images, customers can swipe to see the next images or they watch it autoplay. You also can add texts, call-out buttons for them.

You can look over this video about 3 slideshow sections:

Steps: In the Theme editor (Customize) > Add section > Slideshow > Save.

1. Slideshow & Slideshow center

1.1. Slide block

Click on Slideshow (Slideshow center) > Add block > Slide Block

Slideshow1.png

On each block, you can configure:

  • Images for desktop and mobile. Link URL for image

  • Color scheme for that block

  • Desktop & Mobile options: Content position and Text alignment on each device.

  • Content background: Customize background content, border content, border padding for desktop and mobile

1.2. Slideshow & Slideshow center settings

You can configure some general options for the section below:

  • Image settings: Image height for desktop and mobile.

10.png
  • Slider settings: Fade effect, Enable loop, Autoplay, Use prev/next button and dots

11.png
  • Options for layout section: Color scheme and Made section full width

12.png

2. Slideshow split

2.1. Slide split item block

Click on Slideshow split > Add block > Slide split item Block

  • Images for desktop and mobile. Link URL for image

  • Color scheme for that block

  • Desktop & Mobile options: Content position and Text alignment on each device.

Please check this video:

2.2. Slideshow split settings

You can configure some general options for the section below:

  • Image settings: Image height for desktop and mobile.

13.png
  • Slider settings: Use prev/next button and dots, autoplay, pause on hover.

  • Choose Image first on desktop and mobile.

Slideshow11.png
  • Section padding for desktop and mobile

Slideshow13.png

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.