Showcase products from a specific collection with the Featured collection section. Use the theme editor to adjust section settings and control the layout of the products.
Add this section to the
Include a Heading with the provided text field.
Click Select collection below Collection to connect the collection.
Products per row
Here you can choose how many products you'd like to show per row. You can choose between 2 - 7.
Products per row on mobile
For products per row on mobile, you can choose either 1 or 2.
Here you can Limit the number of products you'd like to show. You can choose between 3 - 50.
Align to height/Product image height
While we recommend uploading product images that are the same size and orientation for consistency, you might have some that are a little different in size. Enable the Align to height setting to match the height of all the thumbnail images, which you can adjust with the Product image height slider. This will help if your images appear unaligned.
Use the Collection layout setting to control the display for your featured collection. The two options are Grid or Slider.
The width can either be set to Standard or Wide. Selecting Wide will spread out the full width of the screen. Selecting Standard will keep the section in a container and not spread the full width.
You can choose to add space (padding) above and below the section by adjusting the Top spacing and Bottom spacing settings.
The Animation setting will determine how the feature appears as it loads. The options for animation are None, Fade in, Fade in down, Fade in left, Fade in right, Slide in left, Slide in right, and Zoom.
Add Custom CSS to the feature for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature