---
title: "Configurar el diseño de la tienda | Documentación de Ordering.co"
description: "Organiza el catálogo de productos de una tienda en categorías principales navegables con el diseño Groceries."
canonical: https://docs.ordering.co/es/docs/products/dashboard/stores/view-edit-store/layout/
---

# Configurar el diseño de la tienda

Usa **Diseño** para elegir cómo presenta el catálogo un sitio de pedidos compatible.

## Configura el diseño

1. Abre **Tiendas**, selecciona la tienda y entra en **Canales → Diseño**.
2. Revisa las vistas previas y elige **Comida** o **Comestibles**. **Comida** muestra categorías en la parte superior y productos en una lista. **Comestibles** muestra las categorías principales a un lado y los productos en una cuadrícula.
3. Selecciona **Guardar** en la barra de cambios. Vuelve a abrir la sección para comprobar la opción guardada y abre la tienda en su sitio de pedidos para revisar allí el catálogo.

**Comestibles** aparece si las categorías principales están habilitadas en el proyecto. Si una tienda ya tiene ese diseño y el proyecto desactiva las categorías principales, la opción guardada puede seguir apareciendo con un aviso. Elige **Comida** si quieres cambiarla en ese estado.

La vista previa ilustra el estilo. Para elegir u organizar las categorías, usa el menú y el catálogo de productos de la tienda.

[![Vistas previas de Comida y Comestibles con Comestibles seleccionado](https://docs.ordering.co/es/assets/images/store-layout-options-es-c0e064d9bb67980a531c25db03e06da0.webp)](https://docs.ordering.co/es/assets/files/store-layout-options-es-c0e064d9bb67980a531c25db03e06da0.webp)

## Casos de uso

Usa **Comida** para un menú corto que los clientes puedan explorar por categoría. Usa **Comestibles** si un catálogo amplio se entiende mejor con categorías principales y una cuadrícula. Prueba en el sitio compatible con la estructura de categorías de la tienda.