Hinzufügen / Entfernen von browserspezifischem JS und CSS in Magento2 mithilfe von Layout-XML

8

Gibt es eine Möglichkeit, js / css, die für den Browser in magento2 spezifisch sind, mithilfe von Layout-XML zu entfernen?

magento2 js-css

— Atish Goswami
quelle

4

In layout.xml gibt es keine Möglichkeit, dies zu tun. Hier ist eine Liste der in Magento 2 verfügbaren Layoutanweisungen

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

Wenn Sie die Browserkompatibilität anstreben, sollten Sie die im Kernmagento enthaltene Bibliothek modrnizr.js (lib / web / modernizr / modernizr.js) nutzen.

— Nathan Toombs
quelle

Sie können es als Problemumgehung

— Franck Garnier

16

Gehen Sie in Ihrer eigenen Datei default_head_blocks.xml wie folgt vor:

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <remove src="name.css"/>
    </head>
</page>

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

— Minlare
quelle

9

Sie können browserspezifische CSS wie folgt hinzufügen:

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

Sie können js und css wie folgt entfernen:

    <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>

Weitere Informationen finden Sie im offiziellen Dokument: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_css

— Pramod Kharade
quelle

Hallo @Pramod, wie füge ich CSS nur für Safari-Browser hinzu?

— Jafar Pinjar

3

Zum Entfernen von JS-Dateien von der Startseite cms.

Wir müssen die Datei cms_index_index.xml einschließen. Dies ist unser benutzerdefiniertes Thema. Mithilfe dieser Layoutdatei können Sie die JS-Dateien von der Homepage in Magento 2 entfernen. Beispiel hier -

<?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>

— Vikas Singh
quelle