La página de catálogo o grilla de productos es aquella a la que se accede al ingresar a una categoría o colección y muestra el grupo de productos asociados. En esta sección se podrá personalizar los aspectos generales de la grilla, como la caja de búsqueda, la información que se muestra, el precio, las imágenes  y botón comprar.

Tabla de contenidos

Personalizar el estilo de la caja de producto

De acuerdo al estilo de la marca es posible generar una forma de mostrar los productos acorde al mismo. Es posible asignar bordes, sombreados, colores de fondo a los productos, aunque se recomienda que sean limpios para una mejor adaptación visual. 

Para personalizar la caja de producto, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Busca y selecciona el tema, y en la sección Personalizando la página: presiona el botón Cambiar

Paso 3.  Selecciona la opción Catálogo de productos.

Paso 4. Ingresa en Catálogo > Caja de producto > Estilo de la caja

Paso 5. Asigna los colores de fondo y estilo de los bordes para el modo normal

Paso 6. Asigna los colores de fondo y estilo de los bordes para el modo al pasar el mouse.

Paso 7. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.

 

Personalizar la imagen de producto

La imagen de producto es la primera impresión que los clientes tendrán al ver un producto en la tienda. Es esencial que estas imágenes sean claras, limpias y atractivas para captar la atención de los usuarios y motivarlos a explorar más detalles del producto.

Para personalizar la imagen de producto, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Busca y selecciona el tema, y en la sección Personalizando la página: presiona el botón Cambiar

Paso 3.  Selecciona la opción Catálogo de productos.

Paso 4. Ingresa en Catálogo > Caja de producto > Imágen > Producto

Paso 5. Asigna un color de fondo, redondeado, filtro y márgenes para la imagen.

Paso 6. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.

Personalizar imágenes miniaturas del producto

Cuando un producto tiene varias imágenes, se puede configurar la tienda para mostrarlas como una galería en miniatura debajo de la información del producto. Esto permite a los clientes ver diferentes vistas del producto y explorar las imágenes de manera conveniente.

Para personalizar las imágenes miniatura de producto, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Busca y selecciona el tema, y en la sección Personalizando la página: presiona el botón Cambiar

Paso 3.  Selecciona la opción Catálogo de productos.

Paso 4. Ingresa en Catálogo > Caja de producto > Imágen > Miniaturas

Paso 5. Asigna un color de fondo, redondeado, filtro y márgenes para las  imágenes miniatura.

Paso 6. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.

Información del producto

 La grilla de productos en la tienda puede personalizarse para mostrar la información relevante de cada producto. Además del nombre del producto y su precio, pueden agregarse detalles adicionales como la categoría a la que pertenece y el botón de compra.

En esta sección también se puede personalizar las etiquetas o label de descuento en caso de que el producto esté en oferta.  Esta etiqueta muestra el porcentaje de descuento aplicado y llama la atención de los clientes, incentivándolos a aprovechar la oferta. Es una excelente manera de resaltar el atractivo especial del producto.

Personalizar el nombre del producto

Para personalizar el nombre de producto, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Busca y selecciona el tema, y en la sección Personalizando la página: presiona el botón Cambiar

Paso 3.  Selecciona la opción Catálogo de productos.

Paso 4. Ingresa en Catálogo > Caja de producto > Información > Nombre del producto

Paso 5. Asigna una tipografía,  color, alineación y distancias respecto de la demás información. 

Paso 6. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.

Personalizar la categoría del producto

Para personalizar la categoría de producto, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Busca y selecciona el tema, y en la sección Personalizando la página: presiona el botón Cambiar

Paso 3.  Selecciona la opción Catálogo de productos.

Paso 4. Ingresa en Catálogo > Caja de producto > Información > Categoría

Paso 5. Selecciona si se mostrará la categoría en la grilla de productos

Paso 6. Asigna una tipografía,  color, alineación y distancias respecto de la demás información. 

Paso 7. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.

Personalizar el precio del producto

Para personalizar el precio de producto, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Busca y selecciona el tema, y en la sección Personalizando la página: presiona el botón Cambiar

Paso 3.  Selecciona la opción Catálogo de productos.

Paso 4. Ingresa en Catálogo > Caja de producto > Información > Precio

Paso 5. Asigna una tipografía,  color, alineación y distancias respecto de la demás información. 

Paso 6. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.

Personalizar label de descuento del producto

El label de descuento se genera automáticamente cuando el producto tiene asignado un precio de oferta. Esta etiqueta muestra el porcentaje de descuento de la diferencia entre el precio y el precio de oferta. 

Para personalizar el label de descuento, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Busca y selecciona el tema, y en la sección Personalizando la página: presiona el botón Cambiar

Paso 3.  Selecciona la opción Catálogo de productos.

Paso 4. Ingresa en Catálogo > Caja de producto > Información > Label de descuento

Paso 5. Asigna una tipografía,  color, bordes y forma del label. 

Paso 6. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.

Personalizar la vista rápida del producto

En la vista rápida del producto, los usuarios pueden ver detalles esenciales como el nombre del producto, la imagen, el precio y una breve descripción, todo dentro de una ventana emergente. También se pueden incluir opciones adicionales, como selección de variaciones o cantidades, y la posibilidad de agregar el producto al carrito directamente desde la ventana emergente.

La vista rápida del producto hace que la experiencia de navegación sea más fluida y conveniente para los usuarios. En lugar de redirigirlos a una página separada, la vista rápida del producto les permite agregar productos al carrito sin interrumpir su flujo de navegación actual.

Para personalizar la vista rápida de producto, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Busca y selecciona el tema, y en la sección Personalizando la página: presiona el botón Cambiar

Paso 3.  Selecciona la opción Catálogo de productos

Paso 4. Ingresa en Catálogo > Vista rápida 

Paso 5. Selecciona si se permite la vista rápida del producto. 

Paso 5. Personaliza el fondo y los bordes de la ventana emergente.

Paso 6. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.