Collection

The Collection section is a versatile tool for displaying a grid of products, allowing for a customizable presentation that adapts to the current or active collection. It offers settings to define the grid layout, optimizing the display for both desktop and mobile devices. Users can choose between different column layouts and enable an interface for toggling grid sizes. Product display options within the Collection section allow for control over the visibility and arrangement of products. Users can decide whether to show out-of-stock items and customize their placement. Filter settings enhance the shopping experience by enabling sorting and availability filters, helping users find products more efficiently. For practical usage, the Collection section can be configured to display a large number of products using a four-column grid, ideal for desktop views. On mobile, a two-column grid ensures clarity and ease of navigation. Additionally, the availability filter can be used to highlight in-stock products, focusing customer attention on available items.