.png){kind=logo}
Featured collection
What is the featured collection section?
The Featured collection section highlights a curated selection of your products, allowing you to draw attention to specific items and collections, such as bestsellers, new arrivals, or seasonal favorites, enhancing visibility and encouraging sales.
It also enables users to directly add items to their cart without accessing the product page, streamlining the shopping experience.
How to add featured collection section
.svg){kind=icon}
- Access the Theme Editor: Navigate to `
Online Store > Themes > Customize`. - Add a Section: Click on `
Add section`and select the desired section from the list of available sections. - Customize Your Section: Adjust the settings such as display type, alignment, and visibility according to your preferences.
If you need a more detailed, step-by-step guide on accessing the theme editor, adding sections and blocks, refer to our Setting up theme sections and blocks article.
General section settings
Within this section, you'll find common settings like section headers, containers, visibility options, and color settings that are consistent across all sections. For more detailed information on these shared settings, please refer to the Common settings between all sections article.
Section Settings
- Collection: Select a collection to feature in this section.
- Display Type: Choose between a grid layout or a carousel for product display.
- Products to Show: Select the number of products to display (2-24).
- Products Per Row (Desktop): Choose to display 2, 3, or 4 products per row on desktop.
- Products Per Row (Mobile): Choose to display 1 or 2 products per row on mobile.
- Spacing Between Products: Adjust the spacing between products on desktop (10-50px) and mobile (10-50px).
- Apply Grid Shift: Enable a staggered grid layout for a more dynamic design.
Carousel Settings
- Show Arrows: Enable or disable navigation arrows for carousels.
- Auto Rotate: Set the carousel to automatically scroll through products.
- Auto Rotate Speed: Adjust the auto-scroll speed (2-6 seconds).
