Como cambiar los co...
 
Avisos
Vaciar todo

Como cambiar los colores de LUMA, barra superior, linea bajo el menu...

4 Respuestas
2 Usuarios
0 Reactions
3,377 Visitas
(@rodrigo_chile)
Respuestas: 81
Estimable Member
Topic starter
 

Aloha, excelente año para todos.
Acabo de instalar Magento y si bien he avanzado bastante en la edición del tema Luma, no encuentro donde cambiar el color gris de la barra superior, ni el naranjo que subraya, las opciones del menu... si me pueden dar una pista sería maravilloso, desde ya muchas gracias.


 
Respondido : 06/01/2020 11:00 pm
Toni FactoriaDigital
(@toni-factoriadigital)
Respuestas: 366
Illustrious Member Moderator
 

Hola Rodrigo,

Bienvenido al foro y Feliz año.

En cuanto a tu pregunta, te puedes orientar con la siguiente guía que ofrece Magento: https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/css-topics/css-practice.html
Todos los estilos deberás cambiarlos en los archivos .less correspondientes en luma, aunque lo ideal sería que crearas un nuevo theme y heredaras de luma para, partiendo de ahí, poder introducir los estilos que necesites sin modificar el tema de Magento.
En el enlace te explica cómo trabajar.

Espero que te sirva,
Un saludo.


Experto en Magento de FactoriaDigital
Prueba 1 mes gratis nuestro Hosting Magento

 
Respondido : 07/01/2020 9:04 am
(@rodrigo_chile)
Respuestas: 81
Estimable Member
Topic starter
 

Hola Toni, muchas gracias por tu respuesta, por favor otra vuelta al mismo tema, me puedes comentar donde ubico los archivos .less, exactamente estos son los colores que debería cambiar exactamente, desde ya muchísimas gracias.


 
Respondido : 05/02/2020 3:08 pm
Toni FactoriaDigital
(@toni-factoriadigital)
Respuestas: 366
Illustrious Member Moderator
 

Hola Rodrigo,

Los estilos de luma están en vendor/magento/theme-frontend-luma/web/css/source/. Dentro encontrarás todos los archivos .less para poder modificar las variables de colores o estilos concretos.
Como te comentaba, lo ideal sería que crearas un nuevo theme, donde podrás indicar que herede de Luma y donde sobreescribirás los estilos del mismo, únicamente los que necesites, así como los estilos. De esta forma, también evitarás tener problemas o perder cambios cuando el día de mañana actualices, ya que si realizas cambios directamente en el directorio de Luma, los perderás al actualizar.

Te dejo una guía de Magento sobre cómo crear tu propio theme y heredar de Luma: Create a new storefront theme | Magento 2 Developer Documentation

Un saludo.


Experto en Magento de FactoriaDigital
Prueba 1 mes gratis nuestro Hosting Magento

 
Respondido : 05/02/2020 3:33 pm