Catálogo¶
The eCommerce catalog displays products for customers to browse. It is organized using product categories, available options, sorting, and navigation paths. Essentially, the eCommerce catalog is the shop page of your website.
The product catalog includes a top bar, a side panel, and a product listing area. With Odoo, you can customize the layout, filter by categories and attributes, and use additional features according to your needs.
You can customize the shop page using the website editor. To access it, go to the shop page, click Edit in the upper-right corner, and navigate to the Customize tab.
Barra superior¶
The top bar can include a search bar, a currency selector, sort-by and display options, and category quick access.
Sort-by search and display options¶
You can toggle the Search Bar, display categories and/or attributes, and enable or disable the Sort-By as well as the Layout buttons in the Top Bar.
The Sort-by button is toggled by default, and customers can choose between the following Default Sort options:
None
Destacado
Últimas novedades
Nombre (A-Z)
Precio - de menor a mayor
Precio - de mayor a menor
La ordenación predeterminada se aplica a todas las categorías.
Truco
Si no deseas mostrar una barra superior o un panel lateral, puedes desactivar todas las opciones relacionadas en el editor del sitio web.
Panel lateral¶
El panel lateral proporciona herramientas de filtrado avanzadas para organizar tus categorías de productos. Para categorizar aún más la página de la tienda, puedes activar varios filtros, como el filtro de atributos.
También puedes añadir una opción Selector de fecha para mostrar un calendario de rango de fechas y comprobar la disponibilidad de productos de alquiler durante un periodo específico. Debes tener instalada la aplicación Alquiler para usar esta función.
También es posible activar el interruptor Barra lateral plegable para hacer que el panel lateral sea plegable manualmente.
Truco
Para usar un filtro de rango de precios o etiquetas, primero debes activar los atributos.
Categorización de productos en el catálogo¶
Las categorías de comercio electrónico se usan para organizar productos en grupos, facilitando la navegación de los clientes por la tienda online.
Para crear categorías de comercio electrónico, ve a y haz clic en Nuevo. En el formulario de categoría, añade un Nombre, opcionalmente introduce una Categoría principal y escribe una Descripción de categoría, si es necesario.
Para usar categorías de comercio electrónico, ve a , selecciona el producto que deseas modificar, ve a la pestaña Ventas, dirígete a la sección Tienda de comercio electrónico y selecciona las Categorías a las que pertenece.
Nota
Un solo producto puede pertenecer a múltiples categorías de comercio electrónico.
Una vez que las categorías estén configuradas y asignadas a los productos correspondientes, ve a la página principal de la tienda y abre el editor del sitio web. En la opción Categorías, puedes activar un menú a la Izquierda, es decir, en el panel lateral, o en la parte Superior, es decir, en la barra superior, o ambos. Si seleccionas la categoría Izquierda, aparece la opción Categoría recursiva plegable, que te permite contraer la categoría en el panel lateral.
Ver también
Atributos¶
Los atributos se refieren a las características de un producto, como el color o el material, mientras que las variantes son las diferentes combinaciones de atributos. Para configurar atributos y variantes, ve a , selecciona un producto y haz clic en la pestaña Atributos y variantes. Añade tantos atributos como desees.
Ver también
Para activar el filtrado por atributos, ve a tu página principal de la tienda, abre el editor del sitio web y configura el campo Atributos en Izquierda (panel lateral) y/o Superior (barra superior).
Truco
Cuando el filtrado por atributos está activado en la barra superior, los clientes deben hacer clic en el botón (menú desplegable) para acceder a él.
Al activar Atributos, se vuelven disponibles más opciones:
Filtro de precio: active el interruptor para mostrar una barra de Rango de precio para que los clientes puedan filtrar los productos según el rango de precio específico al arrastrar botones ajustables.
Filtro de etiquetas de productos: activa el interruptor para mostrar las Etiquetas de productos en la página de la tienda y permitir a los clientes filtrar productos usando esas etiquetas yendo a la sección Etiquetas en el panel lateral.
Truco
Si deseas usar etiquetas en tu comercio electrónico, ve a y haz clic en Nuevo. En la pestaña Plantillas de productos del formulario de etiquetas de productos, agrega los productos a vincular con la etiqueta dada. También puedes agregar variantes de productos en la pestaña Variantes de productos y ver un resumen de todos los productos seleccionados en la pestaña Todos los productos.
El filtrado de precios funciona de forma independiente a los atributos y, por lo tanto, puede activarse por sí solo, si se desea.
Área de listado de productos¶
Puedes personalizar el diseño de toda la página de la tienda, así como el de las páginas de categorías individuales.
Truco
También es posible personalizar las páginas de productos individuales.
En el editor del sitio web, elige el diseño y establece el diseño predeterminado en vista de Cuadrícula o Lista.
Usa las siguientes opciones para ajustar aún más el diseño:
Tamaño: configure el número de productos que se deben mostrar por página y por línea.
Espacio: define el espacio entre los productos.
Estilo: seleccione Por defecto, Tarjetas, Miniaturas o Cuadrícula.
Tamaño de imagen: elige la relación de aspecto para las imágenes de productos: Horizontal (4/3), Predeterminado (1/1), Retrato (4/5) o Vertical (2/3). También puedes ajustar la visualización cambiando las opciones de Relleno para adaptarse mejor a tus preferencias de diseño.
Activa el interruptor Desc. prod. para mostrar la descripción del producto debajo del nombre del producto.
Truco
Puede elegir el tamaño de la tabla, pero tenga en cuenta que mostrar demasiados productos puede afectar el rendimiento y la velocidad de carga de la página.
Además, puedes cambiar manualmente la posición de un producto en la página de la tienda. Para hacerlo, ve a la página principal de la tienda, haz clic en el producto y abre el editor del sitio web. En la sección Producto, puedes reordenar los productos usando las flechas. Los botones << >> permiten mover el producto al extremo izquierdo o derecho, y < > permiten moverlo una fila a la izquierda o derecha.
Truco
También es posible cambiar las posiciones de los productos en la página de la tienda yendo a , cambiando a la vista de lista y arrastrando y soltando los productos dentro de la lista.
Producto destacado¶
Puedes destacar productos para hacerlos más visibles en la página de la tienda. Para hacerlo, ve al editor del sitio web y haz clic en el producto a destacar. En la sección Producto, puedes elegir el tamaño de la imagen del producto haciendo clic en la cuadrícula, y también puedes agregar un Banner. Esto muestra una franja en la imagen del producto, como Oferta, Agotado, Sin stock o ¡Nuevo!.
Para crear un nuevo banner, haz clic en el icono verde (Crear) junto al campo Banner. Luego agrega un Nombre del banner, define su Posición y elige un Fondo y una etiqueta de Texto. Para editar el banner, haz clic en el icono (Editar) junto a la etiqueta Banner.
El banner ahora está disponible para todos los productos de comercio electrónico.
Truco
Existen otras formas de crear un nuevo banner:
Ve a y haz clic en Nuevo.
Activa el modo de desarrollador, accede al formulario del producto y, en la pestaña Ventas, cambia o crea el banner en el campo Banner.
También es posible agregar banners para variantes de productos específicas. Para hacerlo, ve a y selecciona un producto. Haz clic en el botón inteligente Variantes, elige una variante y agrega un banner en el campo Banner de variante de la sección Ventas.
Diseño de página de tienda y categoría¶
Usa los bloques de construcción para añadir contenido en la tienda y/o página de categoría.
Puedes personalizar la sección superior y/o inferior del catálogo, ya sea para toda la página de la tienda o para una categoría específica. En este último caso, el bloque aparece solo al filtrar por esa categoría. Para hacerlo, mueve el bloque a la sección superior o inferior para mostrarlo en la página general de la tienda o al área debajo del nombre de la categoría en la parte superior o debajo de la lista de productos para mostrarlo solo al filtrar por esa categoría específica.
Truco
Añadir contenido a una página de categoría de Comercio electrónico ayuda a mejorar la estrategia de SEO. Usar palabras clave vinculadas a los productos o las categorías de Comercio electrónico también puede aumentar el tráfico orgánico. Además, cada categoría tiene su propia URL específica que puede ser señalada y es indexada por los motores de búsqueda.
Las categorías de Comercio electrónico también se pueden añadir como elementos de megamenú para un acceso rápido.
Funciones adicionales¶
Puedes acceder y activar botones de funciones adicionales como un botón Añadir al carrito o Lista de deseos o una Lista de comparación. Para hacerlo, abre el editor del sitio web y haz clic en los botones de función deseados. Los tres botones aparecen al pasar el ratón sobre la imagen de un producto.
(Añadir al carrito): añade un botón para añadir el producto al carrito;
(Comparar): añade un botón para comparar productos según su precio, variante, etc.;
(Lista de deseos): añade un botón para añadir a la lista de deseos el producto.
Ver también