9 diseños de tienda
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.
Actualizado el
- 4 columnas (se abre en una pestaña nueva)
- 3 columnas (se abre en una pestaña nueva)
- 2 columnas (se abre en una pestaña nueva)
- 1 columna (se abre en una pestaña nueva)
- Diseños de producto (se abre en una pestaña nueva)
- Categorías - Parallax (se abre en una pestaña nueva)
- Filtro de combinaciones (se abre en una pestaña nueva)
- Carrito (se abre en una pestaña nueva)
- Finalizar compra (se abre en una pestaña nueva)
Cada enlace abre una página real en la vitrina en vivo, creada con el mismo tema y los mismos bloques que usted instala.
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.
¿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.
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.
Los demos de tienda
Moda, cerámica, muebles y más, cada uno se puede previsualizar página por página antes de importarlo.
El resto de la biblioteca
Comience con una página terminada
Todos los 141 diseños se incluyen en todos los planes, junto con cada bloque y cada demo de sitio web.