Overlapping product list

Configure the overlapping product list

Go to Customize theme. Click the dropdown menu at the top and select the Home page template.

From the left side menu, select Overlapping product list.

Customize this section by using the setting on the right side of the theme editor, as described in the following table:

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

Image ratio

Choose the image ratio from the following options: - Auto - Landscape - Portrait - Square

Colors> Color scheme

Color scheme Select the color scheme from the given options;

-Primary

-Secondary

-Tertiary

-Quaternary

Note: These can be managed from Theme settings> color schemes.

Block settings: Media product list

Product list

Select any list of products to show in the section.

Image

Choose any image.

Show video

Select this checkbox to show video instead of the image.

Video

Choose any video from the library.

Heading

Enter any text to appear as the title.

Heading size

Select the heading size from the H1-H6 options.

Heading tag

Specify heading code types for SEO and search engines for crawling purposes.

Description

Enter any text to appear as the discription.

Button> Text

Enter any text for the button.

Button> Link

Enter any link for the button.

Button> Size

Choose the button size from the available list of options.

Button> Show button as link

Select this checkbox to show button as a link.

Text position

Choose the position from top, middle or bottom.

Colors

Text Select any color for text. 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 color for the button hover background. Button hover text Select any color for the button hover text. Button hover border Select any color for the button hover border. Overlay background Select any color for the overlay background. Overlay opacity Adjust the range bar to determine the overlay opacity.

Last updated