---
title: "Configure the store layout"
description: "Organize a store's product catalog into browsable parent categories with the Groceries layout."
canonical: https://docs.ordering.co/docs/products/dashboard/stores/view-edit-store/layout/
---

# 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](https://docs.ordering.co/assets/images/store-layout-options-en-39481a92219424486b7c0a5b863b4ef7.webp)](https://docs.ordering.co/assets/files/store-layout-options-en-39481a92219424486b7c0a5b863b4ef7.webp)

## 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.