Split slideshow

This section is to add a split slideshow. You can add 5 slides for promotions. Each slide has its own settings.

Configure split slideshow

Select the customize theme option. Click on the dropdown menu at the top of the page to select the Home page template.

From the side menu, select Split slideshow.

Click on the dropdown arrow beside the split slideshow.

Click on Add slide.

Customize this section as described in the following table:

Navigation style

Select the navigation style from Image or Count.

Auto-rotate slides

Select/deselect this checkbox to auto-rotate the slides.

Change slides every

Adjust this slider to select the rotational time in seconds.

Section visibility

Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only

Background color

Select any color for background.

FONT

Heading font family Select the font family from the given options:

  1. Heading

  2. Body The fonts can be selected from Theme settings>Typography.

Desktop font size Adjust the slider to set the desktop font size. Mobile font size Adjust the slider to set the mobile font size.

HEIGHT

Desktop

Select the desktop size in pixels from the given options;

-650px

-750px

-900px

-100 vh(It shows the slideshow in the device viewport.)

Mobile

Select the mobile size in pixels from the given options;

-650px

-750px

-900px -100 vh(It shows the slideshow in the device viewport.)

Block settings

Slide

Heading

-Add heading text. Heading tag Specify heading code types for SEO and search engines for crawling purposes. Enable highlight text

-Select the checkbox to show the text in highlighted form. (Note: Highlight text works on bold and italic text of the heading.) Outline stroke

Select outline stroke from the option; thin or thick. Description

Add description text.

BUTTON

Text Add button’s text.

Link

In the link box, add a URL to the redirect button. On clicking the button, it will redirect visitors to the added page. Size Select the button size from: - Extra small - Small - Medium - Large

Content

Desktop width Select from small, medium or large to determine the desktop content width.

IMAGES

Image (desktop)

Add image to show in desktop view.

Image (mobile)

Add image to show in mobile view. Background video Add any video. It supports MP4 videos only.

DESKTOP COLORS

Heading

Select any color of heading text for desktop view.

Highlight text

Select any color of highlight text for the desktop. view.

Background

Select any color of the background for desktop view.

Description

Select any color of description for desktop view.

Button background

Select any color for the button background.

Button text

Select any color for the button text.

Button border

Select any color for the button border. Button hover background Select any hover color for the button background. Button hover text Select any hover color for the button text. Button hover border Select any hover color for the button border.

MOBILE COLORS

Heading

Select any color of heading text for mobile view.

Highlight text

Select any color of highlight text for mobile view.

Description

Select any color of description for mobile view.

Button background

Select any color for the button background.

Button text

Select any color for the button text.

Button border

Select any color for the button border.

Last updated