What is the featured collection section?
The Featured collection section is probably one of the most frequently used sections when setting up an online store. It provides an effective way to showcase collections of products in a visually appealing, concise and user friendly layout, making it easier to capture the attention of potential customers and boost sales. The Masonry theme offers a fixed grid or fluid collage layout and settings to control the size and shape of product cards.
How to set up a featured collection section
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.
- Use the Rows setting to choose to show 1, 2 or 3 rows of products or show the first 50 products in the collection.
- Decide whether to Show product vendors. This will be displayed on the product card under the image and above the product title and price.
- Check the settings in Theme settings > Product card to control the product card layout, sizing and behaviour across the store.
- Click Save when the section set up is complete.
How to control the product card layout
In Theme settings > Product grid there are settings that can enhance the look and feel of a product card and control the layout across the store.
Note
Choose whether to Show quick view or Show product rating stars on the card. Bold circular product stickers can indicate products on sale, sold out or with low inventory.
The Tile size and the Margin between tiles sliders are used to adjust the tile size and layout. Where a product has more than one image, the Show second image on hover setting can be selected. If this setting is not selected, the main product image will always be displayed.
Use the Enable fixed sizes setting to set a specific Thumbnail image ratio for all product cards. Fixed sizes can be used create a more uniform grid style. If Enable fixed sizes is not selected then product cards will follow a masonry or collage layout where each tile is repositioned to fit efficiently within the available space. This fluid style can work particularly well in stores where product images have varying shapes. It is worth noting that this will affect the order in which the cards are presented on different screen sizes.
Note
FAQs
How do I turn on the quick buy?
The quick view button appears over the product card on hover and can be switched on in Theme settings > Product grid > Show quick view. On mobile the quick buy is not used, tapping the product card will take the customer straight to the full product page.
How do I create a Pinterest style collage layout?
Go to Theme settings > Product grid and disable the setting Enable fixed sizes. This will affect all product cards across the store.
Why are there empty spaces at the end of my Featured collection?
Check the number of products in the selected collection in Admin > Collection. Adjust settings in Theme settings > Product grid to set tile sizes and layout. When Enable fixed sizes is not selected the tiles will adjust to fit the available space on different screen sizes.
Why are my products appearing in a different order?
When Enable fixed sizes is not selected in Theme settings > Product grid then the order of products in a collection may be adjusted to fit the available space on different screen sizes.
How do I control the product labels?
Product labels are managed in the Theme settings > Product grid. Adjust the position and choose which labels are shown. It's not possible to resize the labels, but the product card Tile size and the Margin between tiles can be adjusted.
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