Question

我想在布局xml文件中添加if条件以允许在下面的场景中加载css。

仅在主页中加载css文件。
要按设备加载css（桌面，移动设备和标签页）？

请告诉我如何在布局xml文件中添加条件？

<head>
    <css src="fonts/Lato/lato.css" /> <!-- Should be loaded in website home page only -->
    <css src="css/styles-mobile.css"/> <!-- Should be loaded in mobile devices only -->
</head>

Answer 1

要仅在主页上加载css文件，您需要执行此操作。

您可以在自定义主题

中添加以下代码

app\design\frontend\<vendor>\<theme>\Magento_Theme\layout\cms_index_index.xml

<?xml version="1.0"?>
   <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
       <css src="fonts/Lato/lato.css"/>
    </head>
    <body>              
    </body>
</page>

并将lato.css添加到app\design\frontend\<vendor>\<theme>\web\css\fonts\Lato。

如何在magento 2中单独从主页中加载css？

1 个答案: