Slideshow

Sliders on websites showcase multiple images, messages, or content highlights in a visually engaging way.

Step 1 : Navigate to Online Store > Themes > Live theme > Customize.

Step 2 : In Customizer > Add section > slideshow

Step 3 : Select the Slideshow sections. Customizer options are available on the right side.

Slide Show : After customizing the slider, the result appears as shown in the image below.

Slider Image Height Value

You can set the slider image height for Desktop, Laptop, Tab and Mobile separately.

You can enable pagination and Navigation for the slider.
You can also enable Autoplay duration for the slider, which automatically slides the slider on selected seconds
You can change the slider animation as ( fade or slide )

You can select different layouts for mobile.

You can upload separate images for desktop and mobile versions to optimize display.
For best results, use 1920 × 810px for desktop and 750 × 929px for mobile.
You can also set slider video which is MP4 format

Content

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

You can add links and customize labels for the slider buttons.
Additionally, you can adjust the button style and align the content to your preferred position.

Content Alignment: You can change content alignment (Left, Centre, Right) for Mobile and Desktop devices separately.

Colour scheme: Set text colour and background colour with preset scheme

The alignment for the mobile as left,center and right can be done in mobile layout

Last updated 5 months ago