Mostrar banner de colección de forma dinámica en función de cada colección

Acerca de la colección Banner

Banner de colección es una imagen o elemento visual que se muestra en la parte superior de una La página de colección, representando el tema o propósito de la colección.

Los banners dinámicos permiten que cada colección muestre su imagen de banner única automáticamente en función de los datos de la colección de Shopify.

¿Cómo mostrar dinámicamente un banner de colección para cada colección en GemPages?

Para mostrar el banner de colección de forma dinámica en función de cada colección, siga estos pasos:

Paso 1: Agregar o cambiar la imagen destacada de la colección en Shopify (opcional)

Nota: Si ya ha agregado imágenes a sus colecciones, puede omitir este paso.

• Inicie sesión en su panel de administración de Shopify. Vaya a Productos > Colecciones.
• Selecciona la colección que deseas personalizar.

• En la sección Imagen sección, subir o cambiar la imagen destacada de la colección.

Esta imagen servirá como banner para la colección correspondiente.

• Una vez hecho esto, presione Guardar para aplicar sus cambios.

Paso 2: Crear una página de colección en GemPages

Para obtener una guía detallada sobre la creación de páginas de colección, consulte este artículo: Cómo crear una nueva página de colección.

• Acceda al Panel de Control de GemPages y haga clic en el ícono de Crear nueva página .

• Seleccione Colección Como caso de uso. Luego, puedes empezar a crear una nueva página de colección desde cero (página en blanco) o usar una plantilla prediseñada.

Paso 3: Asignar colección

En la barra superior, haga clic en “0 Colección Asignada" para asignar su colección a esta página de colección.

Puedes aplicar esta página a todas las colecciones o seleccionar una/varias tus preferidas.

• Todas las páginas de la colección:La plantilla se aplicará a todas las colecciones de tu tienda.
• Colecciones específicas:Seleccione las colecciones a las que desea aplicar esta plantilla.

Por ejemplo, elegimos el Colecciones de GemSkin.

Paso 4: Agregar los elementos de colección necesarios

Desde la barra lateral izquierda, puede arrastrar y soltar varios elementos personalizados para la colección, como el Elemento Lista de Productos.

Paso 5: Agregar elemento de banner de colección

• En el editor de GemPages, arrastre y suelte el Banner de colección elemento en el diseño de su página de colección.

El banner mostrará dinámicamente la imagen destacada de la colección actual vista por el cliente.

Puede personalizar el tamaño del banner, alineación y estilo utilizando el panel de configuración en la barra lateral izquierda.

• Añadir otra elementos de colección dinámicos al banner, como el título de la colección, la descripción, etc.

Esto garantiza que cada página de colección se actualice correctamente con sus productos, títulos y características únicos de los datos de Shopify. 

Paso 6: Guardar y Publicar

• Una vez que haya terminado de diseñar la página de colección, haga clic en Guardary sus banners dinámicos estarán listos para mostrarse.
• Puede realice una vista previa La página para comprobar los resultados antes de volver a publicar su página:

Ya has configurado un sistema completo Banner de colección dinámico que extrae automáticamente datos de Shopify. Cada página de colección mostrará su propio banner, creando una experiencia de navegación personalizada y coherente.

Preguntas Frecuentes

1. ¿Por qué mi banner de colección no muestra la imagen correcta?

Asegúrate de haber cargado una imagen destacada para cada colección en Shopify y de haber asignado las colecciones correctas a tu plantilla GemPages.

Si el problema persiste, intente republicar la página or esperando unos minutos para que los datos de Shopify se sincronicen.

2. ¿Puedo usar una imagen de banner diferente a la imagen destacada de Shopify?

No. El elemento Banner de colección se sincroniza automáticamente con la imagen destacada de Shopify, y esta imagen no se puede cambiar ni reemplazar manualmente en GemPages.

3. ¿Puedo mostrar el título o la descripción de la colección en el banner?

Por supuesto. Agrega los elementos Título y Descripción de la Colección dentro de la sección del banner. Estos extraerán automáticamente datos dinámicos de Shopify para cada colección.

4. ¿Esta configuración funciona tanto para dispositivos móviles como para computadoras de escritorio?

Sí. El elemento Banner de colección es adaptable de forma predeterminada, pero puedes personalizar su tamaño, relleno o alineación por separado para las vistas móviles y de escritorio en Avanzado .

5. ¿Cómo puedo cambiar el diseño del banner para colecciones específicas?

Si desea diferentes diseños por colección, cree varias plantillas de página de colección y asígnelas individualmente utilizando la función “Asignar colección” en el Editor de GemPages.