如何在magento 2中排除css以单独从主页加载？
Posted
技术标签:
【中文标题】如何在magento 2中排除css以单独从主页加载？【英文标题】：How to exclude css to load from homepage alone in magento 2? 【发布时间】：2018-05-10 08:08:09 【问题描述】：我想在布局 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>
【问题讨论】：
【参考方案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。
【讨论】：
这没有回答问题 - OP 询问的是排除，而不是包含。 @user7290573 请阅读问题第一点那里写什么。 1.仅在主页加载css文件。所以我发布了这个答案。 问题标题是“排除 CSS”，他提到的第一件事是有条件地添加 CSS。 但是描述说，只需要为主页加载文件。以上是关于如何在magento 2中排除css以单独从主页加载？的主要内容，如果未能解决你的问题，请参考以下文章
Magento 2 - 如何让 2 个单独的 phtml 来处理产品列表和产品网格？