Sleek
Try Sleek freeResourcesOther solutions
  • What is Sleek theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Sleek theme
    • Set up my store as Sleek demo
    • Update Sleek theme
    • Theme license & Transfer
  • BUILD FOR SUCCESS SERIES
    • Homepage for Health & Beauty 🔥
  • Page's global sections
    • General settings
    • Announcement bar
    • Cart drawer
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Mobile navigation bar
    • Pop-up
    • Quick view
  • Theme sections
    • Before/ After image slider
    • Blog post
    • Card images
    • Collage tabs
    • Collapsible tabs
    • Collection image showcase
    • Collection list
    • Collections showcase
    • Collections slider
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products
    • Feature list
    • Featured product
    • Featured collection
    • Featured products tab
    • Highlight text with image
    • Image gallery
    • Image with text
    • Image with text columns
    • Image with text overlay
    • Layered images with text
    • Lookbook banner
    • Lookbook cards
    • Lookbook slider
    • Media with collection
    • Multicolumn
    • Press
    • Products bundle
    • Product tabs
    • Product showcase
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Store locator
    • Testimonials
    • Video
    • Video hero
    • Video with text
  • Theme settings
    • General 🔥
    • Animations
    • Buttons
    • Custom CSS
    • Blog cards
    • Cart
    • Collection cards
    • Color swatches
    • Colors
    • Currency format
    • Layout
    • Logo
    • Product cards
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumbs
        • Product information
        • Related products
        • Sticky add to cart bar 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Generic
      • Add gift wrap option to my cart
      • Combined listings app
      • How to add custom fonts in Sleek? 🔥
      • JavaScript events for developers
    • Product
      • Set up quantity rules and volume pricing 🔥
      • Add custom badges using product tags
      • Set up Local Pickup option
      • Show dynamic content for Products using Metafields 🔥
Powered by GitBook
On this page
  • How to add a Featured collection section
  • How to customize a Featured collection section
  • General
  • Section header
  • Grid settings
  • Carousel settings
  • Product cards
  • Mobile layout
  • View all button
  1. Theme sections

Featured collection

How to display products from a selected collection in an engaging and attractive section

PreviousFeatured productNextFeatured products tab

Last updated 10 months ago

Featuring collections can help merchants promote sales and new collections. This article will show you how to add and customize your featured collection section in Sleek.

How to add a Featured collection section

Steps

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

  2. Locate Featured collection.

  3. Make necessary changes.

  4. Save.

How to customize a Featured collection section

General

Adjust the Color scheme for this section.

Section header

You can choose your preferred section header Layout (Vertical/ Horizontal/ Standing column).

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

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

Adjust the Heading size (Heading 1/ Heading 2/ Heading 3) and enable Show collection description from the admin checkbox if you wish to show the collection's description set in the admin.

Here you can choose to display the collection you want and set up product cards.

  • Select the collection to show.

Grid settings

Use the slider to adjust the Maximum products to show (between 2 and 12) and the Number of columns on desktop (between 2 and 6).

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

Provide the Featured collection with an appealing and appropriate Grid layout:

  • Standard

  • Grid mix

Carousel settings

You can enable the carousel effect in your featured collection by choosing Enable carousel on desktop checkbox.

Carousel shows only when the number of products is larger than the number of columns.

Product cards

Select the product card's Image ratio as:

  • 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:

Mobile layout

You can adjust the Number of columns on mobile to 1 column or 2 columns.

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

View all button

Add a call-to-action View all button to direct customers to collection pages.

This button can be positioned on the header on both desktop and mobile by enabling the Show on heading section checkbox.

You can also insert the Button label

  • Leave the label blank if you want to hide the button.

Moreover, the Button style can be changed to the Primary button/ Secondary button/ Underline button.

To create collections for your store, see .

Collections
Product cards