Elemento de etiqueta de descuento

Acerca del elemento Etiqueta de descuento

La Etiqueta de Descuento es un elemento secundario del módulo Módulo Producto En GemPages. Su función principal es mostrar el descuento aplicado a un producto, ya sea en porcentaje (%) o en cantidad (p. ej., $10 de descuento). Esto es especialmente útil para tiendas con rebajas, ofertas por tiempo limitado o que muestran visualmente las rebajas.

Casos de uso típicos:

• Mostrar % de descuento junto al precio de venta
• Resalte los ahorros en las listas de productos
• Mostrar información de descuento en páginas de destino o páginas de colección

¿Cómo agregar el elemento Etiqueta de Descuento a tu página?

Dado que es parte del Módulo de Producto, la Etiqueta de Descuento debe colocarse dentro del módulo para que funcione bien.

Configuración recomendada: Exhibición con precio del producto y precio comparado

Siga estos pasos para agregar un elemento de etiqueta de descuento a su página usando GemPages Editor v7.

Paso 1En el Panel de Control de GemPages, selecciona la página en la que quieres trabajar e ingresa al Editor. Si no tienes una Módulo Producto, arrastra y suelta uno en tu página. 

Paso 2: Coloque un elemento Fila en la ubicación deseada y divídalo en tres columnas. Ancho de columna, Seleccione "Adaptarse al contenido."

Paso 3: Coloque el precio del producto en la primera columna, seguido del precio comparado en la segunda columna. La etiqueta de descuento debe colocarse en la última columna. 

Al hacer clic en el elemento Etiqueta de descuento, verá la configuración de ajustes que se muestra en la barra lateral izquierda. Consta de dos pestañas principales: Configuración más antigua y Avanzado. 

Configurar la Pestaña de Configuración

Tipo – Contenido

Tienes la opción de mostrar la cantidad ahorrada o el porcentaje de tu producto. En la Contenido Sección, ingrese la etiqueta que desea mostrar.

Tenga en cuenta que la moneda reflejará su Administración de ShopifySi desea modificar el formato, puede hacerlo accediendo a Administración de Shopify > Configuración.

Texto

DE ESTILO RESORT:Seleccione un estilo para el texto entre los estilos predeterminados disponibles.

Fuente: : Elija la fuente para su etiqueta de texto en el menú desplegable. En caso de que desee utilizar otras fuentes, consulte cómo utilizar una Fuente personalizada aquí.

Tamaños: Determine su tamaño de fuente preferido.

Color: Elija un color de la paleta o ingrese el código hexadecimal del color. 

Haga clic en el elemento “Mostrar más” para revelar más opciones de personalización. 

Grosor de Fuente:Elija su grosor de fuente deseado del menú desplegable proporcionado.

Altura de LíneaAjuste la altura del texto especificando un valor porcentual.

Espacio entre letras:Modifique el espaciado entre letras ingresando un valor en píxeles.

Transformación de texto:Transforma el texto a mayúsculas, minúsculas o mayúsculas según lo desees.

Color de fondo

Elija un color de la paleta o ingrese el código de color hexadecimal para el color de fondo de la etiqueta de descuento. 

Borde

Borde:Defina la apariencia del borde de su etiqueta seleccionando el color, el estilo y la posición del borde.

Esquina: :Ingrese su valor preferido en el cuadro provisto para lograr la curvatura del borde deseada.

Tamaño

Elija un tamaño del menú desplegable o personalice el tamaño de su etiqueta haciendo clic en el botón de tres puntos.

Alineación

Este parámetro le permite determinar cómo se posiciona el elemento en su página. Hay tres opciones para elegir: alineado a la izquierda, centrado y alineado a la 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.

Preguntas Frecuentes

1. ¿Por qué no se muestra la etiqueta de descuento?

Cerciorarse:

• Se coloca la etiqueta de descuento interior un módulo de producto
• El producto tiene tanto una Precio y una Precio comparado Configurado en Shopify. Si no se define un precio comparable, no se puede calcular el descuento.

2. ¿Puedo utilizar la etiqueta de descuento en la lista de productos?

Sí, puedes arrastrar la etiqueta de descuento a la Lista de Productos Elemento para mostrar descuentos en colecciones o páginas de destino.

3. ¿Puedo cambiar el formato de visualización del descuento (por ejemplo, mostrar “Ahorre $10” en lugar de “-10%”)?

Sí. En la configuración "Tipo", elige entre Cantidad o Porcentaje y personaliza el texto según tus preferencias.

4. El descuento aparece 0%, ¿qué debo hacer?

Vuelve a verificar la configuración de tu producto de Shopify:

• El precio comparado debe ser higher que el precio.
• Ambos campos deben completarse para que el descuento se calcule correctamente.

5. ¿Puedo diseñar la etiqueta de forma diferente para la vista móvil?

Sí, al utilizar la configuración de respuesta de GemPages, puedes ajustar el tamaño, la alineación o la visibilidad por dispositivo.