hola, alguien sabe como puedo cambiarle el color al precio rebajado para que destaque? gracias
Topic summary
Problema inicial: Un usuario pregunta cómo cambiar el color del precio rebajado/destacado en su tienda Shopify.
Soluciones según el tema:
-
Temas como Debut/Narrative: Se puede modificar desde la configuración nativa del tema, en la sección “Colores” → “Texto” o “Acento primario”.
-
Tema Dawn: No tiene opción nativa para personalizar el color del precio. Se requiere modificación mediante código CSS.
Solución técnica (Dawn):
Un experto proporciona este código CSS:
.price-item--sale {color:#e22310}
Pasos:
- Ir a Acciones → Editar código
- Buscar el archivo
base.css - Insertar el código al final
- Ajustar el color usando código HEX o RGB
Consulta adicional: Otro usuario pregunta cómo cambiar el color de enlaces de texto (“crear cuenta”, “cerrar sesión”) que no se ven por el fondo gris. Se le indica que puede modificarlo desde la configuración del tema en la sección de colores.
Resultado: Ambos usuarios confirman que las soluciones funcionaron.
Hola @manu14
Gracias por acudir a la comunidad con tu pregunta. Entiendo que te gustaría resaltar el color del precio de oferta para productos rebajados, ¿es así? Las opciones pueden depender mucho del tema que tengas. ¿Qué tema estás usando para tu tienda? ¿Es un tema de Shopify o de un desarrollador de terceros?
Si estás usando el tema Debut, puedes cambiar el color del precio de oferta en la sección de “Configuración del tema” dentro de “Colores” y en el apartado de texto como puedes ver aquí:
En el tema Narrative por ejemplo, puedes encontrar una opción ligeramente distinta, donde puedes configurar el “acento primario” que cambiará también el color del precio.
Trata de revisar la opción de Configuración del tema en el tema que estés usando, es posible que haya una opción similar. Si no es así, ¿podrías responder con el tema que estás utilizando? Si es un tema de pago, puede que el desarrollador del mismo pueda hacer el cambio por ti.
Val
A mi no me funciono estoy con el tema dawn y me dice opción personalizable de precios no disponible, este tema no es pago, qué debo hacer en este caso o me estoy perdiendo alguna opción dentro del tema, gracias
Hola @andresfe21 , gracias por tu respuesta. Nos comentas que estás utilizando el tema Dawn, de modo que las instrucciones anteriores no se aplicarían en este caso. ¿Estás tratando de cambiar el color del precio o de la señal de “saldo”?
La personalización de colores para el precio no está disponible de forma nativa para Dawn como en otros temas de Shopify, pero algunos usuarios han encontrado que esto puede modificarse a través de código del tema. Si te sientes cómodo haciendo este tipo de modificaciones, en esta publicación (en inglés) puedes encontrar instrucciones sobre qué añadir al código para conseguir este efecto.
Si no te sientes cómodo haciendo modificaciones de código en tu tema, siempre puedes contratar un Experto de Shopify para hacer los cambios por encargo que desees, o contactar con el soporte a través de correo si quieres que echemos un vistazo al código de tu tema (siempre que sea un tema gratuito de Shopify como Dawn).
¿Hay algunas otras opciones de edición del tema sobre las que tengas dudas?
@manu14 si solamente quieres cambiar el color del precio puedes usar este código CSS.
.price-item--sale {color:#e22310}
Para poder aplicar este código, debes llamar al editor de código en el tema en Acciones → Editar código.
Luego tienes que buscar el archivo base.css y en este archivo, en la parte más baja, insertar el código indicado arriba y guardarlo.
Por supuesto, puede ajustar el color utilizando el código de color HEX o especificando el color en RGB.
HEX: #e22310 → rojo
RGB: rgb(226,35,16) → rojo
Espero que esto te ayude
2 Likes
@Finer muchas gracias, me ayudó!
Ahora busco algo similar pero no encuentro la forma… estaba buscando como cambiar el color de los enlaces de texto ya que no se ven en mi web porque el fondo es negro. Al cambiar el color del tema cambia todo excepto el texto que contiene enlace, por lo que no se ven enlaces nativos del tema, tales como “crear cuenta”, “cerrar sesión”, etc. Gracias de antemano.
Me alegra oír que la respuesta del experto te ha sido de utilidad, @javito82 .
Con respecto a lo segundo que comentas, cambiar el color del texto del enlace, deberías tener una opción en la configuración del tema para hacerlo, en temas 2.0 como el Dawn, en la sección de colores:
En temas vintage como el Debut o el Narrative, esta opción se llama Acento Primario, también en la configuración de colores del tema:
Espero que esta opción pueda ayudarte a lograr lo que necesitas. Si no es así, no olvides que además del foro de la comunidad en español, también puedes encontrar ayuda en la sección especializada para diseño de temas en los foros en inglés.
Por lo demás, ¿cómo van las cosas por tu tienda? ¿Estás todavía en proceso de construir tu tema?¿Podemos ayudarte con algo más?
Tenías razón, no lo ví, muchas gracias @Val_2 !