# 9 diseños de tienda URL: https://canvaswp.com/es/templates/shop/ Updated: 2026-11-04 Plantillas Diseños de catálogo de WooCommerce: número de columnas y posición de la barra lateral, páginas de categorías, páginas de filtros, y luego el carrito y el pago. [Abrir la vitrina en vivo](https://demos.canvaswp.com/classic/) [Explorar demos de sitios web](https://canvaswp.com/es/demos/) Actualizado el 4 de noviembre de 2026 - [4 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/shop/) - [3 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/shop-3/) - [2 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/shop-2-right-sidebar/) - [1 columna (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/shop-1/) - [Diseños de producto (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/product/pink-printed-dress/) - [Categorías - Parallax (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/shop-category-parallax/) - [Filtro de combinaciones (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/shop-combination-filter/) - [Carrito (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/cart/) - [Finalizar compra (se abre en una pestaña nueva)](https://demos.canvaswp.com/xmas/xmas-checkout/) Cada enlace abre una página real en la vitrina en vivo, creada con el mismo tema y los mismos bloques que usted instala. Los componentes de cada página ## Páginas de tienda creadas con bloques y plantillas WooCommerce gestiona la tienda: productos, inventario, el carrito y los pagos. Canvas diseña las páginas que recorre el comprador, y cada uno de estos diseños se construye con piezas incluidas en el tema y en su plugin. ### Columnas del catálogo La página de cuatro columnas es la propia página de tienda de WooCommerce, generada por la plantilla de archivo de productos del tema. Las páginas de tres, dos y una columna contienen el bloque Canvas Products, cuya opción Columnas determina la fila, dentro de una página que usa una de las cuatro plantillas de tienda: ancho completo, o una barra lateral a la izquierda, a la derecha o en ambos lados. ### Página de producto Un producto toma su diseño de la plantilla que elige al editarlo. Además de la página estándar, hay versiones con una barra lateral a cada lado o a ambos lados, un resumen fijo, muestras de color y una lista de especificaciones, además de una plantilla Linked Gallery que también está disponible como carrusel. ### Banners de categoría Una pila de bloques Parallax Image de altura completa, con una imagen por categoría, que se mueve a medida que se desplaza la página. El bloque admite una superposición y contenido propios, de modo que un título y un botón pueden llevar a los compradores a esa sección de la tienda. ### Filtro combinado El bloque Canvas Products con dos barras Grid Filter encima, una con la etiqueta Select Category y otra con la etiqueta Sort By, para que el comprador reduzca el catálogo a un tipo y lo ordene por nombre o precio al instante, sin recargar la página. ### Carrito El carrito de muestra usa el bloque Carrito que incluye WooCommerce. Canvas añade sus propios bloques Canvas Cart Table y Canvas Cart Totals para una tienda que quiera diseñar la página del carrito bloque por bloque. ### Finalizar compra Un carrito vacío no tiene una página de pago que mostrar, así que este enlace abre el pago del demo Christmas Store, creado con los bloques Canvas Checkout Billing y Checkout Order Review. Ese demo se importa con sus productos y este proceso de pago ya configurado. Cómo elegir ## ¿Qué diseño de tienda se adapta a su catálogo? Deje que el tamaño del catálogo marque la pauta. Una gama pequeña de productos con fotografías potentes se ve mejor en tarjetas anchas, de dos o tres por fila, o en una sola columna cuando cada producto necesita un párrafo propio. Un catálogo grande necesita mostrar más en pantalla a la vez, para lo que sirve la página de tienda de cuatro columnas. Use el filtro combinado cuando los compradores piensen de dos maneras a la vez, por tipo y luego por precio. Coloque banners de categoría en la página de inicio o en un lookbook, donde la imagen vende antes que la cuadrícula. En la página del producto, elija la plantilla según lo que impulsa la compra. La ropa se vende por el color, así que la versión con muestras de color tiene sentido. Los productos técnicos se venden por el detalle, para lo que sirve la lista de especificaciones, y un resumen fijo mantiene el precio y el botón visibles en una página larga. 21 de los sitios demo se importan como tiendas WooCommerce, con productos, categorías y las páginas de carrito y pago ya configuradas. ### Funciones de la tienda 24 bloques de WooCommerce y 18 plantillas de tienda, desde la galería de productos hasta la revisión del pedido. - [WooCommerce en Canvas](https://canvaswp.com/es/woocommerce/) ### Recorrido paso a paso Productos, una página de tienda, una página de producto, un carrito y un proceso de pago, en el orden en que los crearía. - [Crear una tienda WooCommerce](https://canvaswp.com/es/guides/start-a-woocommerce-store-with-wordpress/) ### Los demos de tienda Moda, cerámica, muebles y más, cada uno se puede previsualizar página por página antes de importarlo. - [Demos de comercio electrónico, comparados](https://canvaswp.com/es/wordpress-themes/ecommerce/) Más plantillas ## El resto de la biblioteca - [Plantillas de página 13](https://canvaswp.com/es/templates/page-templates/) - [Shortcodes y elementos 57](https://canvaswp.com/es/templates/shortcodes/) - [Diseños de portafolio 27](https://canvaswp.com/es/templates/portfolio/) - [Diseños de blog 35](https://canvaswp.com/es/templates/blog/)