Ver producto Más elementos

¿Qué es el elemento Ver más productos?

La sección Ver producto Más elementos en GemPages hay un botón dinámico que redirige a los visitantes a una página de detalles del producto.

Se utiliza típicamente en una Lista de Productos or Colección Sección donde se muestran múltiples productos con solo información básica como imágenes y títulos.

Al agregar un botón Ver más productos, ofrece a los compradores una forma clara de ver los detalles completos de un producto, lo que fomenta una exploración más profunda y aumenta la probabilidad de compra.

Por ejemplo, imagine una cuadrícula de productos. Cada ficha solo muestra la imagen, el título y el precio. Al añadir el botón "Ver más productos", los clientes pueden acceder directamente a la página completa de detalles del producto.

¿Cómo agregar el elemento Ver más productos a su página?

Siga los pasos a continuación para agregarlo a su página:

Paso 1:  Utilice la barra de búsqueda para encontrar este elemento, luego arrástrelo y suéltelo en la posición deseada.

Por ejemplo, si está creando una página de colección, puede colocar el botón debajo de cada tarjeta de producto en su Lista de Productos.

Paso 2: Una vez agregado, haga clic en el botón Ver más productos para abrirlo. panel de Configuración En la barra lateral izquierda, verás dos pestañas disponibles: Configuración y Avanzado.

Configurar la Pestaña de Configuración

1. Fuente del producto

Muestra de qué producto muestra información el elemento.

El botón extraerá automáticamente los datos del producto de su Administración de ShopifyAsegúrate de que la información necesaria del producto (título, descripción, precio, etc.) ya esté configurada en tu tienda Shopify.

2. Tamaño

Puedes ajustar el el ancho, la altura y relleno del botón. Estos valores se definen en píxeles y permiten controlar el tamaño o la compacidad del botón.

3. Fondo

Elige entre un color y una fondo de imagen para el botón. 

4. Forma

Esta sección controla el estilo general del botón:

• Borde:Define el grosor y el estilo del borde.
• Esquina: :Ajusta el radio de la esquina.
• Sombra: :Agregue profundidad con una sombra de botón.

5. Ícono

Puedes agregar un ícono al botón o dejarlo solo con texto. 

Si decide agregar uno:

• Ícono:Seleccione uno de los íconos integrados de GemPages o cargue su propio ícono personalizado.
• Posición:Decide si el icono aparece en el lado izquierdo o derecho del texto.
• GapAjuste el espaciado entre el texto y el icono. Puede establecer un valor manualmente o usar el control deslizante.

6. Texto

En la sección  Texto sección, actívela para expandir las configuraciones del texto completo, incluyendo:

• DE ESTILO RESORT:Seleccione entre seis estilos de encabezado o tres estilos de párrafo predefinidos en el Editor.
• Fuente: :Elija una fuente de la biblioteca o Sube tu propia fuente personalizada.
• Tamaño:Establezca el tamaño de fuente en píxeles.
• Color:Seleccione un color de texto que combine con su diseño.
• Grosor de Fuente::Ajusta el grado de negrita con el que aparece el texto.
• Altura de Línea:Define el espaciado vertical entre líneas de texto.
• Espacio entre letras::Ajusta el espacio entre letras individuales.
• Transformación::Aplicar transformaciones de texto, como mayúsculas, minúsculas o mayúsculas simples.
• Sombra: :Agregue una sombra al texto para enfatizarlo.

7. Efecto

• Hover Define cómo cambia el botón al pasar el cursor sobre él. Puedes ajustar el color de fondo, el color del texto, el borde, las esquinas y la sombra para el efecto al pasar el cursor.

8. Redirigir a

• Nueva pestaña: Elija si la página de detalles del producto se abre en una nueva pestaña del navegador (Sí) o la pestaña actual (No).

9. Alineación

Alinea el botón dentro de su contenedor. Puedes colocarlo en el izquierda, centro o derecha.

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.