Elemento de banner de colección

¿Qué es el elemento Banner de colección?

El Elemento de banner de colección En GemPages hay un elemento que te permite Muestra un banner personalizado en la parte superior de las páginas de tu colección..

¿Cómo agregar el banner de colección a tu página?

Importante: El elemento Banner de colección solo se puede utilizar en páginas de colección.

Para agregar el elemento Newsletter a tu página, puedes seguir los pasos a continuación:

Paso 1: Acceda al Panel de Control de GemPages > Páginas > Colecciones, luego haga clic en su página de colección objetivo para entrar al editor.

Paso 2: Desde la barra lateral izquierda, busque el "pancarta de colección" y arrástrelo y suéltelo en la posición preferida en su página.

La imagen aparecerá automáticamente según la configuración en Shopify.

Paso 3: Haga clic en el elemento para abrir su configuración para una mayor personalización.

Configurar la pestaña Configuración

El Elemento de banner de colección ofrece varias opciones de personalización para ayudarte a diseñar el banner perfecto para las páginas de tu colección:

Diseño

Seleccione un estilo de diseño para el contenido del banner. 

Ancho de columna

Controle la disposición del contenido en el Banner de colección dentro de la Ancho de columna :

• Cambiar Proporción: Establezca una proporción de columna específica para mantener la coherencia.
• Adaptarse al contenido: Ajusta automáticamente el ancho de la columna según el contenido.

Gestión de columnas

Gestiona la cantidad de columnas en esta sección. Desde aquí, puedes... duplicar la columna actual, eliminar uno, o reorganizar la posición de las columnas.

Espaciado entre columnas

Ajuste el espacio entre columnas ingresando un número específico o arrastrando el control deslizante.

Imagen de colección

Imagen:

La imagen del banner es extraído directamente de la configuración de su colección de ShopifySi desea cambiar la imagen del banner, deberá actualizarla dentro de Shopify.

Sin embargo, puedes modificar la configuración de la imagen de la colección dentro del editor de GemPages, incluyendo:

• SCALE:Puedes elegir cualquiera Funda (para que la imagen cubra toda el área del banner) o Contiene (para garantizar que la imagen completa sea visible sin estirarse).
• Posición:Puedes ajustar la posición de la imagen dentro del banner.
• Repetición: :Determinar si la imagen debe repetirse en el fondo.
• Adjunto: :Controla el comportamiento de la imagen: Desliza se mueve con la página, Fijo permanece estacionario y Local se desplaza dentro de su contenedor.

Cubrir:

Añade una capa semitransparente sobre la imagen del banner de la colección para mejorar la legibilidad del texto o crear un ambiente visual específico. Esto es especialmente útil cuando el banner contiene áreas claras y oscuras que podrían dificultar la visibilidad del texto superpuesto.

• Color:Elija un color para la superposición, que puede agregar un efecto visual al banner.
• Opacidad:Ajuste la opacidad de la superposición para hacerla más sutil o más llamativa, según sus preferencias de diseño.

Tamaño

• Ajustar la altura al contenido = Sí: La altura del banner se ajusta automáticamente en función del contenido que contiene.
• Ajustar altura al contenido = No: Puede establecer una altura de banner fija manualmente (en píxeles) independientemente del contenido interior.

Efecto

Efecto al Pasar el Cursor:Puedes aplicar un efecto de desplazamiento al banner de la colección. Las opciones incluyen: Ninguno or Zoom.

Si selecciona el efecto de zoom, puede personalizar aún más:

• Valor de zoom:Controla el nivel de zoom al pasar el mouse sobre el elemento.
• Tiempo de zoom:Establezca la duración del efecto de zoom.

Alinear columna

Establezca la alineación vertical del elemento, incluyendo:

• Alinear la parte superior
• Alinear al centro
• Botón de alineación
• Distribuir el espaciado vertical

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.

¿Cómo cambiar el banner de la colección?

Para cambiar el banner de colección, deberá actualizarlo dentro de Shopify. 

Aquí hay una guía rápida:

Paso 1:En tu panel de control de Shopify, ve a Productos > Colecciones.

Paso 2:Seleccione la colección para la que desea actualizar el banner.

Paso 3: Vaya a Imagen, haga clic Editar > Cambiar imagen Para cambiar la imagen del banner, haga clic en guarde.

Paso 4: Regresa al editor de GemPages. En la barra superior, haz clic en el icono Colección Asignada Botón para abrir el diálogo.

Haga clic en Sincronizary se actualizará el banner de la colección.