Featured collection
With a featured collection, you can add a section to any template to feature products from a chosen collection.
Settings
First section
When this section is the first one at the top of the page, make sure this box is checked. It helps with SEO and page performance in the following technical ways:
- It will load the image as loading="eager" instead of loading="lazy"
- It will remove the fade in image animation if it is active in Style/Theme settings so that the image loads onto the page
Collection
Select the collection of products you want to feature.
Heading
The section heading.
Heading size
Select the size of the text for the heading.
Text
The text for the section.
Text size
Select the size of the text.
Products per row
Choose to show 2, 3, or 4 products per row.
Limit number of products shown
Check this box to control the number of products to show from the collection. It will show them in the order they are in Shopify Admin. Recommend using this setting most of the time, because it can slow down your site significantly to load a collection will a lot of products all at once.
Number of products to show
Choose how many products you want to show if the above checkbox is checked.
Enable "View all"
Check this box to show a button that links to the main collection page for the featured collection. This will only show if there are more products to see in the collection than are shown in this section.
Show within a slider on desktop or mobile
You can choose to show the products in a slider on either desktop or mobile, or on both. If it's not in a slider, it will be in a grid. Here's a video example of how this looks and works.
Product card options
Show vendor
Check this box to display the product vendor for each product
Show product subtitle
Check this box to display the product subtitle for each product. For more information, see the documentation for Product subtitle.
Section spacing
Adjust top and bottom padding within the section.