FROM CACHE - es_header

Cambiar color tipografía de botón "agregar al carrito" en página de producto tema Dawn

RESUELTAS
Mikamika
Nuevo miembro
4 0 0

Hola!
me gustaría cambiar el color del botón "agregar al carrito" y el color de la tipografía pero solo en la página de producto.

pero que no sea desde ajustes del tema, necesitaría sea con código porque al hacerlo desde configuración del tema, me modifica todo el tema 😞

me gustaría el botón sea color negro y la tipografía en blanco.
muchas gracias! 🙂

1 SOLUCIÓN ACEPTADA

Soluciones aceptadas
Teo
Shopify Staff
Shopify Staff
750 295 113

Éxito.

Hola de nuevo, @Mikamika:

 

Muchas gracias por escribirnos. Entiendo que te gustaría poder editar el color del botón de "añadir al carrito" que aparece en la página de productos de tu tienda. Sin embargo, prefieres no hacerlo desde el editor del tema, para evitar que otras secciones también cambien de color, ¿no es así?

 

A modo de contexto, me alegra informarte de que es posible realizar este cambio a través del código de tu tienda, como comentas. Tras llevar a cabo una búsqueda en nuestros foros de la Comunidad en inglés, he encontrado esta respuesta con la solución a implementar. Además, cabe mencionar que esta es específica para el tema Dawn de Shopify. Te comparto el código:

 

.product-form__submit {
    background: #000000 !important;
    color: #ffffff !important;
}

 

Dicho esto, para completar esta acción, tendrás que copiar y pegar este código que te comparto en tu tema. Como te comentaba en otros hilos, para acceder al mismo, puedes dirigirte a la sección Tienda online > Temas > Tema actual > Editar código. Una vez que te encuentres en este apartado del panel de control de tu tienda, dirígete a la carpeta Assets > Base.css y procede a copiar el código anterior en la última línea de esta sección. Una vez hecho esto, guarda los cambios.

 

También como te comentaba otras conversaciones que hemos mantenido en la Comunidad, antes de realizar cualquier cambio al código del tema de tu tienda, te recomendaría duplicar tu tema a modo de copia de seguridad. Así, podrás revertir o deshacer cualquier cambio en cualquier momento. De igual forma, si no te sientes cómodo haciendo cambios de código, siempre puedes optar por contratar a un experto de Shopify para que lleve a cabo esta personalización por ti.

 

Mientras tanto, ¿existe un motivo específico por el cual te gustaría poder editar el color del botón de "añadir al carrito"? ¿Has podido publicar ya tu tienda de cara a los clientes? Si es así, ¿has podido usar la herramienta de informes y estadísticas de Shopify para evaluar la información de la tienda? ¿Cómo van las estadísticas de sesiones, conversiones, ventas, etc.?

 

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

1 RESPUESTA 1
Teo
Shopify Staff
Shopify Staff
750 295 113

Éxito.

Hola de nuevo, @Mikamika:

 

Muchas gracias por escribirnos. Entiendo que te gustaría poder editar el color del botón de "añadir al carrito" que aparece en la página de productos de tu tienda. Sin embargo, prefieres no hacerlo desde el editor del tema, para evitar que otras secciones también cambien de color, ¿no es así?

 

A modo de contexto, me alegra informarte de que es posible realizar este cambio a través del código de tu tienda, como comentas. Tras llevar a cabo una búsqueda en nuestros foros de la Comunidad en inglés, he encontrado esta respuesta con la solución a implementar. Además, cabe mencionar que esta es específica para el tema Dawn de Shopify. Te comparto el código:

 

.product-form__submit {
    background: #000000 !important;
    color: #ffffff !important;
}

 

Dicho esto, para completar esta acción, tendrás que copiar y pegar este código que te comparto en tu tema. Como te comentaba en otros hilos, para acceder al mismo, puedes dirigirte a la sección Tienda online > Temas > Tema actual > Editar código. Una vez que te encuentres en este apartado del panel de control de tu tienda, dirígete a la carpeta Assets > Base.css y procede a copiar el código anterior en la última línea de esta sección. Una vez hecho esto, guarda los cambios.

 

También como te comentaba otras conversaciones que hemos mantenido en la Comunidad, antes de realizar cualquier cambio al código del tema de tu tienda, te recomendaría duplicar tu tema a modo de copia de seguridad. Así, podrás revertir o deshacer cualquier cambio en cualquier momento. De igual forma, si no te sientes cómodo haciendo cambios de código, siempre puedes optar por contratar a un experto de Shopify para que lleve a cabo esta personalización por ti.

 

Mientras tanto, ¿existe un motivo específico por el cual te gustaría poder editar el color del botón de "añadir al carrito"? ¿Has podido publicar ya tu tienda de cara a los clientes? Si es así, ¿has podido usar la herramienta de informes y estadísticas de Shopify para evaluar la información de la tienda? ¿Cómo van las estadísticas de sesiones, conversiones, ventas, etc.?

 

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