Estás leyendo la publicación: Cómo agregar un archivo LESS personalizado en Magento 2
para mejorar el estilo y la apariencia de su tienda Magento. Magento es una plataforma de comercio electrónico altamente personalizable que permite la creación dinámica de tiendas. Los propietarios de las tiendas a menudo pueden necesitar personalizar el tema o el estilo de su tienda según sus requisitos. Puede agregar un archivo LESS personalizado en Magento 2 y hacerlo.
Los archivos LESS son los preprocesadores de CSS que simplifican la generación de archivos CSS complejos y amplían aún más su funcionalidad y capacidad. Admite variables, anidamiento, funciones y operaciones que permiten la generación dinámica de CSS y mejora el desarrollo del estilo del front-end.
En este artículo, proporcioné pasos completos para agregar un archivo LESS personalizado en Magento 2 para cambiar la apariencia y mejorar la experiencia del usuario de su tienda Magento 2.
Pasos para agregar un archivo LESS personalizado en Magento 2:
Siga los sencillos pasos que se mencionan a continuación para agregar un archivo LESS personalizado en la tienda Magento 2 para mejorar el estilo de su tienda y personalizarla según sus requisitos.
Crear proveedor_extension_index.xml archivo en el Proveedor/Extensión/vista/frontend/diseño/ directorio con el siguiente código:
|
|
Ahora, cree un archivo LESS personalizado con el mismo nombre que el codificado en el HTML, que es invite_page.less en este caso, en el aplicación/código/Proveedor/Extensión/vista/frontend/web/css/ directorio y agregue el siguiente código:
@divcolor: #FFF000; div {color: @divcolor; }
|
@divcolor: #FFF000; división { color: @divcolor; } |
Ahora, cuando el proveedor_extension_index.xml no encontrara el invite_page.css archivo, generará el archivo CSS según las variables y reglas que hemos agregado en el archivo LESS.
Eso es todo, así es como puede agregar fácilmente un archivo LESS personalizado en Magento 2 según sus requisitos y puede generar archivos CSS dinámicos.
Si tiene algún problema o tiene alguna consulta, háganoslo saber en la sección de comentarios. Además, también puede contratar a un desarrollador certificado de Magento para obtener el archivo LESS codificado según sus requisitos.
No olvides compartir el tutorial con la comunidad de Magento a través de las redes sociales.
Gracias.
