What is the featured collection section?
The Featured collection section is probably one of the most-used sections when setting up an online store. It can be an excellent way to promote collections of products to potential customers in a concise and user-friendly layout, thereby helping to drive sales.
How to set up a featured collection
Steps
- Open the Theme Editor.
- Either click on the Featured collection section or select Add section.
- In the settings, insert a Heading and in the Collection setting, click Select to pick a collection from your inventory. Also decide whether to Show product vendors.
- The Layout settings can be used further to customize the design of the section. Select Enable carousel to display the product cards in a single row with horizontal scrolling. This is ideal for when a more compact look is required.
- If the Enable carousel setting is not selected, product cards will be shown in multiple rows, and this can be an excellent solution when looking to show more than one row of products. Use the slider to adjust the Maximum products per row and the number of Rows.
- Click Save when the section set up is complete.
How to control the product card layout
In Theme Settings > Products there are settings that can enhance the look and feel of a product card. These settings are relevant to any page or section throughout the store that displays a product card.
The Image aspect ratio (shape) and Image alignment settings can both be adjusted to ensure that images in the product cards are displayed in the best way possible. Where a product has more than one image, the Show second image on hover setting can be selected. If this setting is not selected, then the main product image will always be displayed.
FAQs
Why are there empty spaces at the end of my Featured collection?
To avoid this from happening, a good place to start is to check the number of products in the selected collection in Admin > Collection against the setting used in Layout > Maximum products per row.
If there are fewer products in the collection than are set to show, then there may be empty spaces - particularly if the setting Layout > Enable carousel is not selected. By using different combinations of the Layout settings, it is possible to eliminate undesirable gaps in a variety of ways.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us