Elemento Lista de Productos

Acerca del Elemento Lista de Productos

La reunión de los acreedores es una audiencia en la que su fideicomisario, abogado y cualquier acreedor que desee asistir se reunirán y discutirán su bancarrota del Capítulo XNUMX. Puede ser intimidante saber que todos discutirán su situación; sin embargo, tenga en cuenta que esto es parte del proceso para todos. Los acreedores raramente aparecen en la reunión de los acreedores. Su abogado puede ayudarlo a revisar información y responder preguntas Lista de Productos desempeña un papel crucial al exhibir una gama de productos. Su propósito es aumentar eficazmente el valor de las ventas mediante la habilitación de ventas adicionales y ventas cruzadas a sus clientes. A diferencia de su versión anterior, el elemento Lista de Productos V7 ofrece la capacidad de seleccionar específicamente productos particulares para mostrar, mejorando la flexibilidad del diseño de páginas web.

¿Cómo Añadir un Elemento Lista de Productos a Su Página?

Para comenzar a utilizar el elemento Lista de productos en GemPages, siga estos pasos:

Paso 1: Inicie sesión en su Panel de Administración de Shopify y acceda al Panel de Control de GemPages > Páginas.

Paso 2: Entre a la página de destino para abrir el editor.

Paso 3: Desde la barra lateral izquierda, arrastre y suelte el Lista de Productos en la sección Producto que prefiera de la página.

Paso 4: Haga clic en el elemento para acceder a sus opciones de configuración, que incluyen las pestañas Configuración y Avanzado .

Configurar la pestaña Configuración

Diseño

Tiene dos opciones para mostrar su lista de productos:

• Cuadrícula: La lista de productos se presentará con el estilo predeterminado.
• Control deslizante: Las imágenes de los productos se mostrarán en un carrusel.

Fuente del producto

Puede elegir cómo se mostrarán los productos seleccionando una de las siguientes opciones:

• Productos: Seleccione manualmente los productos específicos que desea mostrar.
• Colección: Si desea mostrar productos de una colección en particular, seleccione esta opción. Asegúrese de haber configurado las colecciones en su panel de control de Shopify de antemano, ya que el elemento recuperará la información de allí.

• Relacionados: Muestra automáticamente los productos asociados al actual, basados en la misma colección, proveedor o etiqueta.

Mostrar

Utilice el control deslizante o introduzca un número exacto para elegir cuántos productos deben aparecer en una sola fila.

Espaciado de elementos

Ajuste la espaciado entre los artículos de la lista de productos.

Navegación

En esta sección, puede ajustar la configuración de Navegación para la lista de productos del control deslizante, incluyendo:

• Posición: Elija si desea mostrar la flecha dentro o fuera de la lista.
• Icono: Seleccione su icono preferido de la lista disponible o cargue un nuevo archivo SVG.
• Tamaño de ícono: Ajuste el tamaño del icono.
• Tamaño del botón: Modifique el tamaño del botón del icono.
• Fondo: Establezca el color de fondo del botón del icono.
• Borde: Añada un borde alrededor del botón y personalice su ancho y color.
• Esquina: Establezca el radio de la esquina para controlar el grado de redondeo de los bordes del botón.
• Sombra: Active y personalice la sombra paralela del botón.
• Brecha hasta el borde: Espacio entre la flecha y el borde del control deslizante.
• Mostrar al pasar el cursor: Muestre las flechas solo al pasar el cursor por encima de la lista de productos.

Puntos

Activa o desactiva la visibilidad de los puntos debajo del control deslizante para ajustar la configuración de Puntos y mostrar indicadores de paginación debajo del control deslizante, incluyendo:

• Posición Elija la ubicación de los puntos.
• Color activo: Establezca el color del punto actualmente activo (resaltado).
• Color inactivo: Establezca el color de los puntos inactivos (no seleccionados).
• Tamaño de punto: Ajuste el tamaño de cada punto (en píxeles).
• Distancia al borde: Controle la distancia entre los puntos y el borde del contenedor.

efecto de Diapositiva

En la sección efecto de Diapositiva , puede configurar:

• Reproducción automáticaDesplace automáticamente los productos sin interacción del usuario.
• Dirección de la diapositiva: Elija la dirección en la que se mueve el control deslizante: izquierda o derecha.
• Bucle infinito: Habilite el bucle continuo para que el control deslizante vuelva al principio después de llegar al último producto.
  
• Arrastrar/Deslizar: Permita a los usuarios arrastrar manualmente (escritorio) o deslizar (móvil) el control deslizante.
• Velocidad de deslizamiento: Establezca la duración de la transición de deslizamiento (por ejemplo, 500 ms).
• AnimaciónSeleccione el tipo de suavizado de la animación para obtener transiciones de deslizamiento más fluidas (por ejemplo, Suavizar entrada, Suavizar salida, Lineal).

Tamaño

En esta sección, puede definir el tamaño del contenedor de la Lista de productos, incluyendo:

Ancho: Introduzca un valor de ancho fijo (en píxeles) o active Ancho completo para que el elemento ocupe todo el ancho de la página.

AlturaElija entre

• Automática: La altura se ajustará en función del contenido.
• Personalizado: Introduzca un valor de altura específico para definir una altura fija.

Relleno: Establezca el espaciado dentro de los bordes del elemento para crear un espacio libre para el contenido.

Fondo

Esta sección le permite personalizar el estilo del fondo del elemento Lista de productos:

• ColorUtilice el selector de color para aplicar un color de fondo. Puede elegir entre los colores preestablecidos, introducir un código HEX o seleccionar uno de los colores recientes.
• ImagenSuba una imagen para utilizarla como fondo. Puede ser un patrón, una textura o una imagen promocional, dependiendo de su diseño.

Forma

En esta sección, puede dar forma a las esquinas del contenedor Lista de productos:

Radio de esquina: Ajuste la redondez de cada esquina (superior izquierda, superior derecha, inferior izquierda e inferior derecha) individualmente.

• 0px = esquina afilada
• 50px+ = esquina completamente redondeada

Utilice los botones de diseño predefinidos para aplicar rápidamente valores consistentes en todas las esquinas o restablecer los valores predeterminados.

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la Avanzado y siga las instrucciones de este artículo.

Preguntas Frecuentes

1. ¿Puedo mostrar diferentes productos en diferentes páginas?

Sí. Puede seleccionar manualmente productos específicos o colecciones por página utilizando las opciones "Múltiples Productos" o "Una Colección" en la configuración de Lista de Productos.

2. ¿Cómo puedo mostrar la lista de productos en 2 columnas en el móvil?

Haga clic en el ícono del dispositivo junto al control deslizante “Productos por fila” > cambie a la vista Móvil, luego configure el número en 2.

3. ¿Por qué mi lista de productos aparece en blanco o sin productos?

Esto puede suceder si:

• La colección de Shopify vinculada está vacía o no está publicada.
• Los productos seleccionados están agotados y ocultos en la tienda.
• Estás obteniendo una vista previa de una página específica del producto utilizando el identificador de producto incorrecto.
• Verifique nuevamente la configuración de Shopify y obtenga una vista previa del contexto.

4. ¿Puedo filtrar productos dentro del elemento Lista de productos?

No. El elemento Lista de productos no admite filtros en tiempo real ni filtros inteligentes. Si utiliza el Filtro y la Búsqueda Inteligente de Productos, este reemplazará la lista de productos con su propia salida.

5. ¿Es posible darle estilo a las tarjetas de producto dentro de la lista?

Sí. Puede diseñar títulos de productos, precios, botones, espaciado y diseño usando el Avanzado Configuración de pestañas y bloques individuales dentro de la Lista de productos.

6. ¿Puedo utilizar el mismo elemento de lista de productos en varias páginas?

Cada elemento Lista de Productos es único para su página. Sin embargo, puede duplicar una página o guardarla como plantilla si desea reutilizar la configuración en otras páginas.

¿Puedo utilizar la Lista de Productos de GemPages con Smart Product Filter & Search?

No. La aplicación Smart Product Filter & Search genera su propia lista de productos y estructura de filtros. Por lo tanto, no es compatible con el elemento Lista de productos de GemPages.

8. ¿Por qué no aparece mi lista de productos en la página de inicio?

• Asegúrese de que tu La página de inicio de GemPages está configurada como predeterminadaDe lo contrario, Shopify seguirá mostrando la página de inicio del tema.
• Asegúrese de que la página de inicio esté publicado, no sólo salvados.
• Si está usando Colección como fuente del producto:
  • La colección está publicada en Shopify.
  • La colección contiene productos que son visibles en la Tienda Online.
• Si está usando Productos como fuente del producto:
  • Al menos un producto está seleccionado en la configuración de la Lista de productos.

9. ¿Puedo cambiar el orden de los productos en el elemento Lista de productos?

Sí, si seleccionas Productos (selección manual), puede organizar el orden del producto como desee; sin embargo, si utiliza Colección Como fuente, el orden sigue el orden predeterminado de la colección.