FROM CACHE - es_header
Esta comunidad ahora recibe asistencia de una red de pares. El equipo de atención al cliente de Shopify ya no ofrece servicio a esta comunidad. Te animamos a conectar con otros emprendedores y partners para pedir ayuda y compartir tus experiencias. Sigue avisando de asuntos que incumplan nuestro Código de Conducta o contenidos que se deberían eliminar.

CAMBIAR COLOR EN TEXTO DE PRECIO

RESUELTAS

CAMBIAR COLOR EN TEXTO DE PRECIO

Bionnabishealth
Visitante
2 0 1

Hola, 

Deseo cambiar el color del texto del precio antes y después de un producto (que el precio antes sea rojo) . Gracias 

 

Screen Shot 2024-07-17 at 2.53.34 PM.png

1 SOLUCIÓN ACEPTADA

Teo
Shopify Staff
2495 524 367

Éxito.

Hola, @Bionnabishealth:

 

Gracias por escribirnos. Entiendo que deseas configurar un color diferente para el precio de comparación en tus productos, ¿cierto? Será un placer poder ayudar y arrojar luz sobre esta cuestión.

 

A modo de contexto, la opción de personalizar el diseño y color de la sección del precio de comparación depende del tema que estás usando en tu tienda. Para los temas de Shopify, no existe una función nativa que permita configurar el color del precio de comparación de manera independiente. Solo es posible personalizar el color de todo el texto de la página de manera general a través del editor de temas. Para ello, puedes dirigirte a la sección Tienda online > Temas > Personalizar > Configuración del tema > Colores.

 

Dicho esto, una de las principales ventajas de Shopify es que puedes editar el código de tu tienda para implementar diseños personalizados a las diferentes secciones/elementos de tu página. En este caso, es posible ajustar el color del precio de comparación con una simple edición de código CSS mediante la herramienta de CSS personalizado. Te dejo el extracto de código que debes añadir y cómo implementarlo:

 

.price-item--regular {
 color: red !important;
}

 

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en Personalizar.
  3. En los iconos de la izquierda, selecciona Configuración del tema.
  4. Localiza la sección CSS personalizado.
  5. Pega el código que te comparto.
  6. Guarda la configuración.

 

Hecho esto, el precio de comparación de tu tienda se debería mostrar en color rojo. En caso de que este extracto de código no funcione, ¿podrías confirmarme el tema que estás usando en tu tienda? Puedes revisar esta cuestión a través de Tienda online > Temas > Personalizar, haciendo clic en los Tres puntos en la esquina superior izquierda. Aparte, sería de ayuda si pudieras también compartir la URL de tu tienda.

 

Mientras revisas esto, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿cómo va el resto de cuestiones con la configuración de tu negocio y tu tienda online?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

Ver la solución en mensaje original publicado

2 RESPUESTAS 2

Teo
Shopify Staff
2495 524 367

Éxito.

Hola, @Bionnabishealth:

 

Gracias por escribirnos. Entiendo que deseas configurar un color diferente para el precio de comparación en tus productos, ¿cierto? Será un placer poder ayudar y arrojar luz sobre esta cuestión.

 

A modo de contexto, la opción de personalizar el diseño y color de la sección del precio de comparación depende del tema que estás usando en tu tienda. Para los temas de Shopify, no existe una función nativa que permita configurar el color del precio de comparación de manera independiente. Solo es posible personalizar el color de todo el texto de la página de manera general a través del editor de temas. Para ello, puedes dirigirte a la sección Tienda online > Temas > Personalizar > Configuración del tema > Colores.

 

Dicho esto, una de las principales ventajas de Shopify es que puedes editar el código de tu tienda para implementar diseños personalizados a las diferentes secciones/elementos de tu página. En este caso, es posible ajustar el color del precio de comparación con una simple edición de código CSS mediante la herramienta de CSS personalizado. Te dejo el extracto de código que debes añadir y cómo implementarlo:

 

.price-item--regular {
 color: red !important;
}

 

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en Personalizar.
  3. En los iconos de la izquierda, selecciona Configuración del tema.
  4. Localiza la sección CSS personalizado.
  5. Pega el código que te comparto.
  6. Guarda la configuración.

 

Hecho esto, el precio de comparación de tu tienda se debería mostrar en color rojo. En caso de que este extracto de código no funcione, ¿podrías confirmarme el tema que estás usando en tu tienda? Puedes revisar esta cuestión a través de Tienda online > Temas > Personalizar, haciendo clic en los Tres puntos en la esquina superior izquierda. Aparte, sería de ayuda si pudieras también compartir la URL de tu tienda.

 

Mientras revisas esto, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿cómo va el resto de cuestiones con la configuración de tu negocio y tu tienda online?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

Bionnabishealth
Visitante
2 0 1

Teo muchas gracias!!! Funciono a la perfección