在Magento2中,我们如何使用或嵌入自定义CSS



我们如何在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>

相关内容

  • 没有找到相关文章

最新更新