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

Header background

Ocolus - Banner slider

Alfred

Written by Alfred

Last updated

220 views

On this page


This section allows you to create a group banners that customers can slide it or let it autoplay. You also can add texts, and call-out buttons for them. It is usually located on Homepage. However, Shopify 2.0 allows you to add the Banner slider to any page you want.

Steps

  1. In the theme editor (Customize), click Add section

  2. Search Banner slider

  3. Click Save

1. Banner slider content

The Banner slider section has 3 content blocks, you can use those blocks to build the Banner slider layout that you want to use, you can view the video below to know about the Banner slider section blocks:

2. How to configure the Banner slider section?

- GENERAL:

With these options, you can set your section height. There are many choices for you to choose, if you choose the Custom height option, you can configure the height for all devices: Desktop, Tablet and mobile devices; you can enter different values for the height for the Banner slider section.

2023-07-06_16-35-31.png

- OPTIONS THUMB SLIDE:

You can customize the thumb image below the banner by colors, font size.

- OPTIONS FOR CAROUSEL LAYOUT:

This is settings for the slider feature, you can configure it to suit your wishes.

- DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

[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.

We highly recommend Shopify apps from our partners.

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