Trending products
Products will be displayed starting from the center of the heading text. The heading will be split equally, ensuring the product grid begins at the midpoint of the text.
Configure the trending products
Select the customize theme option. Click on the dropdown menu at the top to select the Home page template.
From the left side menu, select Trending products.
Customize the Trending products section by utilizing the settings on the right side of the theme editor, as described below:
Trending products
Section visibility Select from the options to select the visibility of this section: -Always -Small devices(On selecting this, the section will be visible on mobile devices only.) -Large devices Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Section background Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme. Section width Choose the section width from following options: - Small - Medium - Large - Fullwidth Animation style Choose the animation style from following options: - On scroll - None Products Choose the products to display. Enable swipe on mobile Select this checkbox to show section swipe on mobile.
Content
Heading Add heading text. Heading size Select the heading size from the following options: - XXX- large - XX- large - X- large - Large - Medium - Small - X-small Heading tag Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes. Font family Choose the text's font family from the following options:
- Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Style Choose the heading style from the following options: - Embedded heading - Top aligned heading (Note: We recommend using a maximum of 50 characters to use in the Embedded heading style, for better UI.)
Card settings
Image ratio Choose from image's ratio from the following options: - Auto - Square - Landscape - Portrait Image fit Choose the images fit from the following options: - Natural- It contains the image. - Cropped- It covers the image.
Section spacing
Desktop top space
Adjust the range bar to add spacing at the top of the section for desktop view.
Desktop bottom space
Adjust the range bar to add spacing at the bottom of the section for desktop view.
Mobile top space
Adjust the range bar to add spacing at the top of the section for mobile view.
Mobile bottom space Adjust the range bar to add spacing at the bottom of the section for mobile view.
Last updated