我们如何在Magento 2应用程序中全局添加自定义CSS文件,或在特定页面(即产品页面或结账页面(上添加自定义CSS?
感谢
要将自定义CSS添加到模块中,您需要在部分下的Layout XML文件中包含CSS。
若要全局包含css,请将其添加到default.xml中,或者对于特定文件,请将它添加到所需文件(例如catalog_gategory_view.xml(
要添加到XML文件中的代码:
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
<head>
<css src="css/yourcssfilename.css" />
</head>
</page>
现在,您需要创建一个在XML文件中定义的css文件。
在app/code/vendName/moduleName/view/frontend/web/CSS/yourcsfilename.CSS创建CSS文件
您的csfilename.css
#your CSS code
运行以下命令并检查:
php bin/magento缓存:清理
php-bin/magento设置:静态内容:部署
php-bin/magento设置:升级
可以。在文档中检查:https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/css-topics/css-themes.html#fedg_css-主题中_xml,示例:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/styles-m.css" />
</head>
</page>