Featured collection media
General
The Featured collection media section is designed to attract customers to see certain collections and products primarily. This section is usually displayed on the home page and will allow you to show the products from a collection of your choice.
It’s an effective way to cross-sell and up-sell your products and is also a great place to emphasize your new arrival, most popular, and best seller items.
Add section to theme
First, the collection you wish to feature must be created and products should already be added or assigned to it.
Here's a Shopify guide that should help you build your own collections.
- Log in to your Theme editor and navigate to the page you would like to display this section.
- You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it.
- From the list of available sections, find and select Featured collection.
Avaiable Setup Options
After adding the Featured collection section, you will be presented with customization options and settings that you can adjust to match your store's style.
OPTIONS
| Media Position | Select Left or Right to display the media at the corresponding position. |
|---|---|
| Media Width | The media width determines the width of the Product Card. For example, if the media is 50%, the Product Card will also be 50%. If the media width is 40%, the Product Card will take up the remaining 60% of the horizontal space. |
| Enable Sticky Media | When you enable this setting, scrolling the page will only scroll the Product Card list. |
| Column Gutter | Spacing between the media and the product card |
| Product to Show | Maximum number of products displayed |
| Columns | Number of columns to display product cards |
| Column gap | Left and right spacing between product cards |
| Row gap | Top and bottom spacing between product cards |
How do I customize the product card design?
To customize the Product Card, go to Theme Settings in the Theme Editor -> select the Product Card. group. The available customizations are listed here
If you only want to customize and override the current section, turn off the Use global settings option to display similar options in Theme Settings