✨Featured collection

Section visibility

Choose 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.

Make top corners rounded

Select this checkbox to show the top corners rounded of the section.

Collection

Choose any collection to display it's products.

Style

Choose from Carousel or Stacked to determine the style.

Maximum products to show

Adjust the range bar to decide the maximum products to display.

Grid image ratio

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

Image fit

Choose from Cover or Contain to detrmine the image fit.

Content

Alignment Choose from left or center for the text alignment.

Heading Type any text to show as the heading of the section.

Heading size Choose from H1-H6 to determine the heading size. Heading tag Choose from H1-H6 to determine the heading size for SEO purposes. Description Type any text. Link text Enter the link text.

Promotional card

Enable promotional card Tick this checkbox to display the promotional card. Enable border Tick this checkbox to display the border around the promotional card. Position in stacked view Adjust the range bar to decide the position of the promotional card to display in the stacked view of products. Image Choose any image. Heading Type any text to show as the heading of the promotional card. Heading tag Choose from H1-H6 to determine the heading size. Description Type any text to show as the description of the promotional card. Button

Style

Select from Solid, Outline or Link to determine the button style.

Text Type any text to show as the button text. Link Add any link to redirect the button.

Colors

Color scheme Select any color scheme defined in the Theme settings>Colors schemes. Section background Select any color for the section background. It works with the rounded corners only. Heading highlight Select any color for the highlighted heading. Promotional card Heading Choose any color for the heading text. Description Choose any color for the description text. Button background Choose any color for the button background. Button text Choose any color for the button text. Button border Choose any color for the button border. Button hover background Choose any color for the button hover background. Button hover text Choose any color for the button hover text. Button hover border Choose any color for the button hover border. Overlay color Choose any color for the overlay. Overlay opacity Adjust the range bar to decide the overlay opacity.

Section spacing

Top spacing (desktop)

Adjust the range bar to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the range bar to add spacing at the top of the section for mobile view.

Bottom spacing (mobile) Adjust the range bar to add spacing at the bottom of the section for mobile view.

Last updated