✨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