Displaying hand-picked items in a collection of their own focuses the customer’s attention, encouraging more in-depth engagement. Use this section to present your finest products. If you are running a promotion, or need to raise awareness for any other reason for a specific group of products, this section can be very beneficial.
Choose a look for your section
Features a plain white, clean design.
Shows a very light shade of grey.
Pulls in colors from your theme’s customised colors settings.
Displays a more subdued look.
Adjust your section’s heading by editing the 'heading' text entry field. This is plain text, so does not include bold or italic.
Tip
This is not a required field, so if you prefer not to have a heading, just leave the box blank.
Add text describing the content displayed in the section.
Choose the individual collection you wish to showcase. The products will be pulled in from the collection you select.
Tip
Remember, you can always make a new collection just for this section.
Choose how you prefer your products to display on desktop and mobile
Desktop: Select between 2-6 Mobile: Select between 1-3 Rows: Select between 1-6 - (for both desktop and mobile)
This adds a button on hover, for your products, which says “Quick View”
Once the “quick view” button is clicked, a draw slides out with additional information relating to the product.
Note
For the sake of clarity - on Flow versions 14.3 and later, this function is renamed from Quick Shop, to Quick View, but is otherwise the same function.
This shows your products’ second image on hover
Toggle between hidden / visible:
Hidden:
Visible:
Auto-height uses mathematics to align images as close as possible when they are not formatted exactly in the same way. In general, this is a very quick, effective method - however, the only true way of achieving perfect alignment is to make sure all images are the same size and aspect ratio before uploading them.
Our help guide is a great resource for image sizing: