Note: This article covers the latest Catalog Machine version 2. For help with the previous version, see this article.
AutoGrid takes the hassle out of building product grids. Generate multiple catalog pages featuring your products in seconds. Choose customizable layouts and product cards, and your catalog stays up-to-date as product information changes.
Watch this short 2-minute video for an overview of the steps for creating a grid.
Step 1: Start Your Grid & Select Products
Create a new AutoGrid and choose the products you want to feature.
Select individual products or entire product collections. Collections update your grid automatically as you add or remove products.
Use the 'InStock Products Only' toggle to display only items currently in stock.
Step 2: Design Your Grid
Customize your grid by:
Selecting a product card design (how each individual product is displayed).
Setting your grid size (up to 12x12 products per page).
Or choose a full-page layout, a built-in one or one of your own. To make your own from a page you already designed, save that page as a layout (see Build Your Product Catalog).
Grid size is uniform; layouts are not. The Columns × Rows setting applies one size to every product in that AutoGrid, which is what it is for. Mixing sizes on a page is a different control: switch the Design tab from Card Grid to Full-Page Layouts. You do not need a separate AutoGrid per size.
Step 3: Ongoing Updates
Easily revisit your grid in the catalog to change product selections, layouts, or product cards. Your catalog will update automatically.
Important Notes
You can edit grid pages directly in the catalog designer, but major changes might break the AutoGrid connection.
To keep pages linked within the same AutoGrid, ensure these stay the same:
Grid name
Grid product card
Grid size
Page section name
Full page layout (no partially filled pages)
FAQ
Q: Can I show some products on their own page and others 2 or 3 to a page?
A: Yes, this is what Full-Page Layouts are for. In the AutoGrid Design tab, switch from Card Grid to Full-Page Layouts and pick a layout with mixed product slots (for example 1 large + 3 small). A Columns × Rows grid is uniform by design, so the layout is what varies the sizes. Building a separate AutoGrid per size also works and gives each group its own pages, but it is the longer route and you don't need it.