Colección de productos

Nota: Los siguientes componentes que estaban en los temas de Jumpseller antes de la versión 4.11.0 como componentes individuales, fueron fusionados en este nuevo: Productos destacados, Productos más recientes, Categoría destacada, Productos seleccionados manualmente y Productos vistos recientemente.

Este componente te permite mostrar productos desde varias fuentes del panel de administración de tu tienda. Las opciones disponibles para personalizarlo son las siguientes:

Colección

Aquí necesitas elegir la fuente desde la cual se obtendrán los productos:

Destacados

Al elegir esta opción, se mostrarán los productos que estén marcados como Destacados dentro de la tienda. A continuación, te explicamos cómo destacarlos y reordenarlos:

Destacar tus productos

1. Ve a Productos > Todos los productos y elige un producto haciendo clic en su nombre o imagen.
2. Dentro de la configuración del producto, en el panel lateral derecho encontrarás la opción llamada Producto destacado.
3. Marca la casilla disponible y guarda los cambios.

Lista de productos destacados

1. Ve a Productos > Todos los productos y, antes de la lista, verás tres opciones. Haz clic en la que se encuentra más a la derecha.
2. Se desplegará un menú donde deberás seleccionar la opción llamada Destacados.
3. La página se recargará mostrando solo los productos marcados.
4. Desde aquí podrás reordenarlos haciendo clic y arrastrándolos hacia arriba o abajo.
5. Para quitar un producto de la lista, solo necesitas ingresar a su configuración y desmarcar la casilla mencionada anteriormente.

Más recientes

Al elegir esta opción, se mostrarán los productos más recientes que hayan sido creados y/o añadidos. El orden en que aparecen es automático y se basa en el orden en que los creaste dentro del panel de administración.

Categoría

Permite mostrar productos desde una categoría de la tienda. Al elegir esta opción, aparecerá un campo adicional llamado Categoría para que puedas seleccionarla.

El orden en que se muestran los productos dependerá de lo definido en la sección Propiedades > Orden predeterminado dentro de la configuración de cada categoría.

Seleccionados manualmente

Esta opción te permite mostrar cualquier producto de tu tienda, sin importar atributos como su estado (por ejemplo, Destacado) o su relación con una categoría.

Funciona usando una opción secundaria llamada Productos que se volverá visible, donde podrás elegir los que deseas mostrar, con un límite máximo de 24.

Vistos recientemente

Esta opción muestra los productos más recientes que un cliente o usuario haya visto o visitado en tu tienda. El orden en que aparecen se basará en esa interacción.

---

Límite

Esta opción permite definir la cantidad de productos que se mostrarán en el componente.

Nota: Esta opción no será visible para Seleccionados manualmente, ya que el límite dependerá de la cantidad de productos que decidas añadir.

---

Ancho

Permite definir el ancho máximo al que el componente se ajustará en la ventana del navegador.

Puedes leer más sobre cómo esta opción afecta al componente en esta página.

---

Visualización

Permite definir si el contenido del componente se mostrará dentro de una sección del tipo Carousel o Grid.

Puedes leer más sobre las diferencias entre estos dos tipos en esta página.

---

Opciones del Carousel

Este grupo de opciones se volverá visible al elegir Carousel y te permitirá personalizar su comportamiento.

Puedes encontrar la lista completa de opciones en esta página.

---

Opciones de encabezado

Al habilitar esta opción, se mostrará una sección de Encabezado antes del contenido del componente. Puedes encontrar la lista de opciones en esta página.

Nota: el Enlace dentro de esta sección se mostrará automáticamente si eliges una colección del tipo Categoría, lo cual puedes reemplazar seleccionando una diferente.

---

Imagen destacada

Este grupo te permite mostrar una imagen listada y posicionada como el “primer elemento” junto con los productos.

Si en la opción Colección eliges Categoría, se mostrará la imagen definida para esa categoría por defecto. Si no tiene una, deberás subir una en los campos disponibles que aparecerán al habilitar Mostrar imagen.

Nota: esta opción no estará disponible si eliges Vistos recientemente.

Imagen

Si decides subir una imagen personalizada, se mostrará una opción secundaria llamada Imagen (móvil) para subir otra imagen para dispositivos móviles. Si no lo haces, se usará la misma en todos los dispositivos.

Contenido de la imagen

Permite mostrar contenido o información encima de la imagen. Al habilitarlo, las siguientes opciones estarán disponibles:

Superposición

Permite definir la opacidad (o transparencia) de este elemento. Puedes leer más sobre esto en esta página.

Título

Permite definir un título para la sección.

Nota: Si eliges Categoría en la opción Colección, el nombre de esa categoría se mostrará por defecto, aunque será reemplazado por lo que agregues en este campo.

Texto del botón

Permite definir el texto que se mostrará dentro del botón.

Alineación

Las dos opciones disponibles permiten definir la alineación del contenido tanto para escritorio como para dispositivos móviles.

Posición vertical

Permite definir la posición vertical en la que el contenido será mostrado dentro de la imagen.

Colores del contenido

Permite elegir el Pack de colores que se aplicará al contenido, afectando el Título, el Botón y el color de fondo del elemento Superposición.

---

Apariencia

Este grupo contiene las siguientes opciones para personalizar el componente:

• Margen superior: permite controlar el margen superior de la sección.
• Margen inferior: permite controlar el margen inferior de la sección.
• Colores del contenido: permite elegir el Pack de colores para el componente.

---

Animaciones

La opción Personalizar opciones permite ajustar las animaciones para este componente específico. Puedes leer cuáles están disponibles en esta página.