✨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