Cómo mostrar el precio del producto y comparar precios en la misma línea

Comprender el precio y comparar precios

En GemPages, el Precio de Producto El elemento muestra el precio de venta actual, mientras que el Precio de Comparación Este elemento muestra el precio original o superior antes del descuento. Al combinarse, resaltan el ahorro y fomentan las conversiones.

Antes de configurarlos en GemPages, asegúrese de que su producto tenga un precio y un precio de comparación en Shopify:

Paso 1: Inicia sesión en tu panel de administración de Shopify. Selecciona el producto que deseas editar de la lista o añade uno nuevo.

Paso 2: En la sección Precios, ingrese el precio original en el campo Comparar precio.

Introduzca el precio con descuento en el campo Precio.

Paso 3: Haga clic en “Guardar” para aplicar las actualizaciones.

Cómo mostrar precios y comparar precios en la misma línea

Siga estos pasos para alinear el Precio de Producto más antigua y Precio de Comparación cuidadosamente en una sola fila:

Paso 1: Abra la página del producto donde desea mostrar ambos precios.

Paso 2: Arrastre y suelte una fila de 2 columnas en el módulo de producto.

Paso 3: Añade el elemento "Precio del producto" en una columna y el elemento "Precio de comparación" en la otra. Estos elementos se sincronizarán automáticamente con los datos de precios de tu producto.

Paso 4: Seleccione la fila que contiene ambos elementos y configúrelo en Ajustar al contenido para alinearlos correctamente.

Opciones de personalización adicionales

Puede personalizar aún más la forma en que Mostrar precio y comparar precios ajustando estilos como:

• Tipo y tamaño de fuente
• Peso y color de la fuente
• Alineación dentro de la fila
• Espaciado y altura de línea

Para más detalles, revisa el Guía de elementos de precio del producto.