在Magento 2中覆盖自定义主题中的CSS文件,可以按照以下步骤进行操作:
- 创建自定义主题:首先,在Magento 2的主题目录下创建一个新的文件夹,命名为你的自定义主题名称,例如"mytheme"。在该文件夹中创建一个名为"theme.xml"的文件,并在其中指定父主题为Magento Luma或Magento Blank。
- 创建CSS文件:在自定义主题文件夹中创建一个名为"web/css/source/_extend.less"的文件。在该文件中,你可以编写自定义的CSS样式。
- 编译CSS文件:在Magento 2的根目录下打开命令行终端,并执行以下命令来编译CSS文件:php bin/magento setup:static-content:deploy --theme [Vendor]/[theme]其中,Vendor是你的主题供应商名称,theme是你的自定义主题名称。
- 清除缓存:执行以下命令清除Magento缓存:php bin/magento cache:clean
- 启用自定义主题:登录到Magento 2的后台管理界面,在"Content" -> "Design" -> "Configuration"中,选择你的网站商店视图,并将"Applied Theme"设置为你的自定义主题。