This article explains a new feature enabling store owners to display product collections on any store-enabled page.

Setup Instructions

Store owners configure collections by adding images and SEO metadata through "Payments -> Products -> Collections," where they can update the name, image, SEO title, description, and handle.

In the page builder, users add the "Collection List Element" from the Store section. The element includes three placeholder collections by default, with customizable options including "heading, margin padding, colors, borders, fonts."

The layout supports 1-5 columns on desktop and 1-2 columns on mobile. Removing the headline by leaving the field empty hides it from display.

Mapping Collections

Users double-click collection items to assign real collections from the selection drawer. The feature provides "Two-way sync" where canvas changes reflect in the drawer and vice versa. Order remains stable when adding or removing items.

Display Features

When an image exists for a collection, it displays; otherwise, the collection text centers with a background. The uploaded image and SEO details populate SEO tags on filtered product list pages.