Cómo agregar CSS y JS personalizados en Magento 2

Estás leyendo la publicación: Cómo agregar CSS y JS personalizados en Magento 2

Magento 2 CMS permite a los propietarios de las tiendas personalizar las funciones principales para mejorar la funcionalidad de la tienda y la experiencia del cliente.

Además, los temas personalizados están disponibles para Magento 2 que agrega diseños y funciones atractivos en la tienda predeterminada, lo que la hace adecuada para una tienda en línea en el competitivo mercado actual.

Sin embargo, los requisitos comerciales únicos pueden exigir que el desarrollador realice la personalización incluso en un tema personalizado o simplemente personalice una página.

En tales casos, el siguiente código para agregue CSS y JS personalizados en Magento 2 tienda puede ser útil:

Método para agregar CSS y JS personalizados en Magento 2:

Crear extensión.css archivo y extensión.js en app/code/Vendor/Extension/view/frontend (para admin adminhtml)/web/css/filename.css

Crear predeterminado.xml archivo en app/code/Vendor/Extension/view/frontend/layout/ y en el archivo de diseño, escriba el siguiente código:

Eso es todo.

Nota: Hay una opción para incluir CSS en los archivos de plantilla, pero se recomienda evitar esta práctica según los DevDocs oficiales de Magento 2.

¿Alguna duda? Menciónelos en la sección de comentarios a continuación y estaré encantado de ayudarle.

No dude en compartir la solución con otros desarrolladores de Magento a través de las redes sociales.

Gracias.

🔥 Recomendado:  Cómo conocer gente a los 30