Skip to main content

Configure the store layout

Use Layout to choose how a supported ordering website presents a store's catalog.

Set the layout​

  1. Open Stores, select the store, and go to Channels → Layout.
  2. Review the previews and choose Food or Groceries. Food shows categories across the top and products in a list. Groceries uses a side list of parent categories and a product grid.
  3. Select Save in the changes bar. Reopen the section to check the saved choice, then open the store on its ordering website to check the catalog there.

Groceries is offered when parent categories are enabled for the project. If a store already has that layout and the project turns parent categories off, the saved choice can still appear with a notice. Choose Food if you want to change it in that state.

The layout preview illustrates the display style. To choose or organize the categories themselves, use the store's menu and product catalog.

Store layout previews for Food and Groceries with Groceries selected

Use cases​

Use Food when customers can browse a short menu by category. Use Groceries when a larger catalog benefits from parent categories and a product grid. Test on the supported storefront with the store's own category structure before relying on the layout.