The Featured collection grid section displays a grid of products from one of your collections. With Quick View enabled, customers can buy your products without leaving the page.
Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings
Select a collection to display its products. Collections are created and edited in your Shopify admin.
Maximum number of products
Set the maximum number of products to display within in the section: between 3 and 15.
Number of columns on desktop
Choose how many products to show per row on desktop screens: either 3, 4, or 5 columns.
Number of columns on mobile
Choose how many collections to show per row on mobile screens: either 1 or 2 columns.
Heading
Enter text to display a section title above the collection list.
Subheading
Enter text to display a section subheading below the heading.
Button link
Select or paste a URL for the button.
Button label
Enter text to display a button label. Leave this field blank to remove the button.
Enable animation
Choose whether to display visual effects when scrolling, hovering, or interacting with the section.
See the Animation guide to learn more.
Top divider
Show a solid border above the section to visually separate it from other sections.
The Top divider uses the Lines and borders color selected in the theme color settings.
Padding
Add a margin of space around the section to either the Top and bottom, Top only, Bottom only, or set it to None.