Cómo agregar / eliminar JS y CSS específicos del navegador en Magento2 usando layout xml


8

¿Existe alguna posibilidad de eliminar js / css específico del navegador en magento2 usando layout xml?

Respuestas:


4

No hay forma de hacer esto en layout.xml. Aquí hay una lista de instrucciones de diseño disponibles en Magento 2

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-instructions.html

Si lo que busca es la compatibilidad del navegador, debe aprovechar la biblioteca modrnizr.js que viene incluida en core magento (lib / web / modernizr / modernizr.js)


Puede forzarlo como una solución alternativa: magento.stackexchange.com/questions/126646/…
Franck Garnier


9

Puede agregar CSS específicos del navegador como a continuación:

<page>   
<head>
        <css src="css/ie-9.css" ie_condition="IE 9" />
    </head>
</page>

Puede eliminar js y css como a continuación:

    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
   <head>
        <!-- Remove local resources -->
        <remove src="css/styles-m.css" />
        <remove src="my-js.js"/>
        <remove src="Magento_Catalog::js/compare.js" />

    <!-- Remove external resources -->
        <remove src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"/>
        <remove src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"/>
        <remove src="http://fonts.googleapis.com/css?family=Montserrat" /> 
   </head>

Consulte el documento oficial: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_css


hola @Pramod, ¿cómo agregar css solo para el navegador safari?
jafar pinjar

3

Para eliminar archivos js de la página de inicio cms.

necesitamos incluir el archivo cms_index_index.xml es nuestro tema personalizado y al usar este archivo de diseño podemos eliminar la página de inicio del formulario js en magento 2. El ejemplo está aquí:

<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
     <remove src="varien/form.js"/>
    </head>
</page>
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.