Catálogo¶
El catálogo de comercio electrónico muestra los productos para que los clientes los exploren. Está organizado mediante categorías de productos, opciones disponibles, orden y rutas de navegación. En esencia, el catálogo de comercio electrónico es la página de la tienda de su sitio web.
El catálogo de productos incluye una barra superior, un panel lateral y un área de listado de productos. Con Odoo, puede personalizar el diseño, filtrar por categorías y atributos y usar funciones adicionales según sus necesidades.
Puede personalizar la página de la tienda mediante el editor de sitio web. Para acceder a él, vaya a la página de la tienda, haga clic en Editar en la esquina superior derecha y navegue hasta la pestaña Personalizar.
Barra superior¶
La barra superior puede incluir una barra de búsqueda, un selector de moneda, opciones de orden y visualización y acceso rápido a categorías.
Opciones de búsqueda y visualización por orden¶
Puede activar la Barra de búsqueda, mostrar categorías y/o atributos, y habilitar o deshabilitar los botones Ordenar por y Diseño en la Barra superior.
El botón Ordenar por está activado de forma predeterminada, y los clientes pueden elegir entre las siguientes opciones de Orden predeterminado:
Ninguno
Destacado
Últimas novedades
Nombre (A-Z)
Precio: de menor a mayor
Precio: de mayor a menor
El orden predeterminado se aplica a todas las categorías.
Truco
Si no desea mostrar una barra superior o un panel lateral, puede deshabilitar todas las opciones relacionadas en el editor de sitio web.
Panel lateral¶
El panel lateral ofrece herramientas de filtrado avanzadas para organizar las categorías de productos. Para categorizar aún más la página de la tienda, puede activar varios filtros, como el filtro de atributos.
También es posible activar el interruptor Barra lateral plegable para que el panel lateral se pueda plegar manualmente.
Truco
Para usar un filtro de rango de precios o etiquetas, primero debe habilitar los atributos.
Categorización de productos en el catálogo¶
Las categorías de comercio electrónico se utilizan para organizar los productos en grupos, lo que facilita a los clientes la exploración de la tienda en línea.
Para crear categorías de comercio electrónico, vaya a y haga clic en Nuevo. En el formulario de la categoría, añada un Nombre, ingrese opcionalmente una Categoría principal y escriba una Descripción de la categoría, si es necesario.
Para usar las categorías de comercio electrónico, vaya a , seleccione el producto que desea modificar, vaya a la pestaña Ventas, navegue hasta la sección Tienda de comercio electrónico y seleccione las Categorías a las que pertenece.
Nota
Un mismo producto puede pertenecer a varias categorías de comercio electrónico.
Una vez configuradas las categorías y asignadas a los productos correspondientes, vaya a la página principal de la tienda y abra el editor de sitio web. En la opción Categorías, puede habilitar un menú en la Izquierda, es decir, en el panel lateral, o en la parte Superior, es decir, en la barra superior, o ambos. Si selecciona la categoría Izquierda, aparece la opción Categoría recursiva plegable, que permite plegar la categoría en el panel lateral.
- menu
- Website ‣ eCommerce ‣ Products ‣ (shop page) ‣ Edit
- shows
- The website editor's side panel of the shop page with the category options (Categories, Collapse Categories, Filters).
- highlight
- The category options (red frame).
- data
- Three eCommerce categories.
- module
- website_sale
- notes
- English UI, light theme, 1440px width.
Ver también
Atributos¶
Los atributos hacen referencia 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, vaya a , seleccione un producto y haga clic en la pestaña Atributos y variantes. Añada tantos atributos como desee.
Ver también
- menu
- Website ‣ eCommerce ‣ Products ‣ (product) ‣ Attributes & Variants tab
- shows
- A product form's Attributes & Variants tab with two attributes and their values, and the eCommerce filter visibility option.
- highlight
- The attribute lines (red frame).
- data
- Attributes 'Color' and 'Size'.
- module
- website_sale
- notes
- English UI, light theme, 1440px width.
Para habilitar el filtrado por atributos, vaya a la página principal de su tienda, abra el editor de sitio web y configure el campo Atributos como Izquierda (panel lateral) y/o Superior (barra superior).
Truco
Cuando el filtrado por atributos está habilitado en la barra superior, los clientes deben hacer clic en el botón (activar desplegable) para acceder a él.
Al habilitar Atributos, aparecen más opciones disponibles:
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 producto: active el interruptor para mostrar las Etiquetas de producto en la página de la tienda y permita que los clientes filtren los productos mediante esas etiquetas en la sección Etiquetas del panel lateral.
Truco
Si desea utilizar etiquetas en su comercio electrónico, vaya a y haga clic en Nuevo. En la pestaña Plantillas de producto del formulario de etiquetas de producto, añada los productos que desea vincular a la etiqueta en cuestión. También puede añadir variantes de producto en la pestaña Variantes de producto y ver un resumen de todos los productos seleccionados en la pestaña Todos los productos.
El filtrado por precio funciona independientemente de los atributos y, por lo tanto, se puede habilitar por separado, si así se desea.
Área de listado de productos¶
Puede personalizar el diseño de toda la página de la tienda, así como el de las páginas de categoría individuales.
Truco
También es posible personalizar las páginas de producto individuales.
En el editor de sitio web, elija el diseño y configure el diseño predeterminado en la vista de Cuadrícula o de Lista.
Utilice 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: defina el espacio entre los productos.
Estilo: seleccione Por defecto, Tarjetas, Miniaturas o Cuadrícula.
Tamaño de imagen: elija la relación de aspecto de las imágenes de los productos: Horizontal (4/3), Predeterminado (1/1), Retrato (4/5) o Vertical (2/3). También puede ajustar la visualización cambiando las opciones de Relleno para adaptarlas mejor a sus preferencias de diseño.
Active el interruptor Desc. prod. para mostrar la descripción del producto debajo de su nombre.
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, puede cambiar manualmente la posición de un producto en la página de la tienda. Para ello, vaya a la página principal de la tienda, haga clic en el producto y abra el editor de sitio web. En la sección Producto, puede reordenar los productos mediante 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 la posición 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¶
Puede destacar productos para que sean más visibles en la página de la tienda. Para ello, vaya al editor de sitio web y haga clic en el producto que desea destacar. En la sección Producto, puede elegir el tamaño de la imagen del producto haciendo clic en la cuadrícula, y también puede añadir una Cinta. Esta muestra un aviso sobre la imagen del producto, como Oferta, Agotado, Sin existencias o ¡Nuevo!.
- menu
- (website) ‣ Shop
- shows
- The shop page with a ribbon displayed on a product card.
- highlight
- The ribbon (red frame).
- data
- Ribbon 'Sale' on one product.
- module
- website_sale
- notes
- English UI, light theme, 1440px width.
Para crear una nueva cinta, haga clic en el icono verde (Crear) situado junto al campo Cinta. A continuación, añada un Nombre de la cinta, defina su Posición y elija un Fondo y una etiqueta de Texto. Para editar la cinta, haga clic en el icono (Editar) situado junto a la etiqueta Cinta.
- menu
- Website ‣ eCommerce ‣ Product Ribbons ‣ New
- shows
- A product ribbon form with the Name, Position, Text Color and Background Color fields.
- highlight
- The Position and colour fields (red frame).
- data
- Ribbon 'Sale' in red.
- module
- website_sale
- notes
- English UI, light theme, 1440px width.
La cinta ahora está disponible para todos los productos de comercio electrónico.
Truco
Existen otras formas de crear una nueva cinta:
Vaya a y haga clic en Nuevo.
Active el modo de desarrollador, acceda al formulario del producto y, en la pestaña Ventas, cambie o cree la cinta en el campo Cinta.
También es posible añadir cintas para variantes de producto específicas. Para ello, vaya a y seleccione un producto. Haga clic en el botón inteligente Variantes, elija una variante y añada una cinta en el campo Cinta de la variante de la sección Ventas.
Diseño de la página de tienda y de categoría¶
Utilice bloques de creación para añadir contenido en la página de la tienda y/o de categoría.
Puede 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 ello, mueva el bloque a la sección superior o inferior extrema 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.
screenshot: ecommerce-catalog-catalog-header-footer
- menu
- Website ‣ eCommerce ‣ Products ‣ (shop page) ‣ Edit
- shows
- The shop page in the editor with a building block being dropped into the area above the product grid.
- highlight
- The drop target above the product grid (red frame).
- data
- Demo website 'My Website' with the eCommerce demo products.
- module
- website_sale
- notes
- English UI, light theme, 1440px width.
Truco
Añadir contenido a una página de categoría de comercio electrónico ayuda a mejorar la estrategia de SEO. El uso de palabras clave relacionadas con 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 a la que se puede enlazar y que los motores de búsqueda indexan.
Las categorías de comercio electrónico también se pueden añadir como elementos de mega menú para un acceso rápido.
Funciones adicionales¶
Puede acceder y habilitar botones de funciones adicionales, como Añadir al carrito, Lista de deseos o Lista de comparación. Para ello, abra el editor de sitio web y haga clic en los botones de las funciones deseadas. Los tres botones aparecen al pasar el ratón por encima de la imagen de un producto.
(Añadir al carrito): añade un botón para agregar 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 el producto a la lista de deseos.
Búsqueda inteligente¶
El módulo Búsqueda Inteligente (Theme Prime) (eyssen_website_search_tp) sustituye la búsqueda estándar de la tienda por una búsqueda difusa basada en la coincidencia de trigramas de PostgreSQL, de manera que los visitantes también encuentren productos cuando cometen una errata, usan un orden de palabras distinto o escriben solo parte del nombre de un producto. Los caracteres especiales del término de búsqueda (por ejemplo, BUS+) se tienen en cuenta para la clasificación, y la sugerencia «¿quiso decir?» solo se ofrece cuando la propia búsqueda no devuelve ningún resultado.
Actívela en la configuración de búsqueda de productos del tema, con la opción Búsqueda inteligente; la opción Buscar en la descripción extiende la búsqueda a las descripciones de los productos.
Lo que buscan los visitantes se registra en el informe de búsqueda del tema. El módulo añade el propio término buscado a la barra de búsqueda de ese informe como campo de búsqueda predeterminado y como agrupación Término de búsqueda, de manera que las búsquedas más frecuentes —y las que no obtienen ningún resultado— se puedan revisar directamente.
- menu
- (Theme Prime) Search Report
- shows
- The theme's search report grouped by Search Term, with the number of searches per term.
- highlight
- The Search Term group-by in the search panel (red frame).
- data
- About twenty recorded searches over two weeks.
- module
- eyssen_website_search_tp
- notes
- Requires the Theme Prime theme; check the report's exact menu path in the installed theme. English UI, light theme, 1440px width.
Nota
Este módulo requiere el tema Theme Prime y su widget de búsqueda; no tiene ningún efecto en otros temas. La búsqueda por trigramas necesita que la extensión pg_trgm de PostgreSQL esté disponible en la base de datos. Si la opción no tiene ningún efecto, consulte a su proveedor de alojamiento o a su administrador de sistemas.
Ver también