Elemento de lista de iconos

¿Acerca del elemento de lista de iconos?

La función Elemento de lista de iconos En GemPages se muestra una fila de íconos dispuestos horizontalmente. Es perfecto para llamar la atención sobre detalles o características específicas y, al mismo tiempo, mejorar la estética general de su tienda.

A continuación se muestran algunas formas de utilizar el Elemento de lista de iconos efectivamente:

• Estandartes de héroe:Muestre íconos que representen beneficios como entrega rápida, pagos seguros o productos ecológicos.
• Detalles del Producto:Utilice íconos para representar visualmente características del producto, como durabilidad, dimensiones o materiales.
• Testimonios:Agregue íconos para mejorar las reseñas de los clientes, como estrellas para calificaciones o insignias para garantía de calidad.

¿Cómo agregar un elemento de lista de iconos a su página?

Siga estos pasos a continuación para arrastrar y soltar un elemento de lista de iconos en su página usando GemPages Editor v7:

• Inicie sesión en su Panel de Administración de Shopify > GemPages > Páginas.
• Haga clic en la página donde desea agregar el elemento de lista de iconos para ingresar al editor.
• Desde la barra lateral izquierda, busque este elemento y arrástrelo y suéltelo en la posición deseada en su página.

• Localice el elemento para abrir su configuración para mayor personalización.

Configurar la pestaña Configuración

En la sección Configuración , puede configurar la visibilidad del ícono según prefiera:

Gestión de elementos

Añadir más iconos or remove innecesarios para que se ajusten a tu diseño. También puedes reorganizar la posición de cada icono si utiliza iconos diferentes en este elemento Lista de iconos.

Espaciado de elementos

Ajuste la distancia entre los íconos para lograr un diseño limpio y organizado mediante:

• Introducir un número exacto en el cuadro
• Arrastrando el control deslizante

Fondo

Establezca un color sólido/degradado o una imagen como fondo.

• Color: Ingrese el código de color, elija de la lista "colores recientes"/"sugeridos para usted", o use el selector de color para establecer el color de fondo.

• Imagen: Cargue una nueva imagen o elija de la biblioteca para establecerla como fondo.

Forma

Personalice la forma usando:

• Borde: Agregar estilos de borde
• Esquina: Ajustar la redondez de las esquinas
• Sombra: Aplicar efectos de sombra para dar profundidad

Alineación

Ajuste la alineación horizontal y vertical de la lista de iconos:

El resultado

Puedes golpear el ojo Icono en la barra superior derecha para previsualizar la actualización. Así se muestra el elemento Lista de Iconos en tu tienda.

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.