The Featured collection section draws attention to products from a specific collection on your home page.
Add Featured collection to your home page
- In the theme editor (Customize), click [+] Add section
- Locate Featured collection
- Click the section, then Add
- Save
Select the collection to display
Use the Select collection button to assign the desired collection to use for this section.
Add a heading
Start by assigning a heading to your section the Heading field. By default, or if left blank, it populates as the section's title.
Image display settings
Select an option for the Product aspect ratio to control how the images fit into the section's containers. The options are:
Uncropped
- Natural
- Short
- Square
- Tall
Cropped
- Short
- Square
- Tall
Using an uncropped setting will generate white space around the image to create a uniform grid without cropping your image. The background in the editor indicates the applied white space, but will not appear on your storefront.
Show second product image on hover
Enable this setting to display the product's secondary image when the customers hovers the mouse cursor over the product.
Enable product quickshop
Activate the quickshop for the products displayed in this section. This is a modal window that opens when a product is selected, allowing customers to view more details and add the product to their cart—all without leaving the home page.
Products layout
Adjust the sliders for Number of rows and Products per row to configure how many products are included and how these are displayed.
Emphasize product
Enable this option to make one of the included products larger and more prominent.
This only applies to larger screens and browser window sizes.