Featured products tab

How to set up the attractive Featured products tab section in Sleek

The Featured products tab lets you showcase the latest products, specials, best-sellers, and featured products on your website under different tabs.

This creates a well-organized look for the site, drawing in more customers with the visually appealing cascading layout of products and sticky effect.

How to customize a Featured products tab

Steps

1. In the theme editor (Customize), click Add section

2. Locate Featured products tab

3. Save

Section settings

General

Check the Enable video autoplay box to allow video autoplay (Videos are muted automatically to allow autoplay).

Section header

Use the provided text field to add a suitable Heading.

• Leave it blank if you do not want to display it

You can also change the Heading size to:

• Heading xs

• Heading sm

• Heading md

• Heading lg

• Heading xl

• Heading 2xl

• Display md

• Display lg

• Display xl

to make the content look balanced on your website.

Highlight text

How to apply Highlight text to the section heading and block headings?

Use the provided text fields to add a suitable Subheading and Description.

• Leave them blank if you do not want to display them

Grid settings

Use the slider to adjust the Maximum products to show (between 2 and 6) in tab blocks.

You can also control the suitable spacing between the product cards by selecting Column gap and Row gap options.

• Column gap: Extra large/ Large/Medium/Small/ Extra small/ None

• Row gap: Extra large/ Large/Medium/Small/ Extra small/ None/ Same as the column gap

Product cards

Select the product card's Image ratio as:

• Adapt to image

• Square (1:1)

• Portrait (3:4)

• Landscape (4:3)

You can modify the ratio for the product thumbnail in the Thumbnail ratio field:

• Use global settings

• Adapt to image

• Square (1:1)

• Portrait (3:4)

• Landscape (4:3)

To set up other addons such as badges, buttons, etc. to the product cards, check out this article:

Product cards

Mobile Layout

If you are not into the grid layout, you can use the carousel layout by selecting the Enable swipe on mobile.

Block settings

Insert the preferred Tab name along with a detailed Tab description for each Tab block in order to attract the customer's attention and generate interest.

In each Tab block, you can pick up to 6 outstanding or best seller products in the Products field to showcase.

Moreover, if you wish to save time when choosing products, you can opt for a collection in the Collection field instead of selecting each product individually.

Note: If the product list is empty, then collection products will be shown instead.