在Magento2中如何为特定商店创建更少的自定义文件?

时间:2018-08-28 11:42:20

标签: magento2

在Magento2中,如何为特定商店创建custom.less文件? 我在magento2中创建了自定义主题,例如theme1,theme2和theme3 而且我也只在主题中创建了custom.less文件,但是当我点击命令来编译该文件时,却在所有主题文件夹中生成了 我只会在主题中创建这个custom.less文件

这些我要编译的步骤

步骤1:我创建了 custom.less 文件 第2步:我正在运行这些命令以从custom.less生成到csutom.css          - php bin / magento设置:静态:内容:部署-f          - php bin / magento缓存:干净 混乱:但是这个custom.css文件会在所有主题中生成。

我已经创建了多商店网站。我已经在第一个商店主题中创建了custom.less文件,但是执行完所有商店后都生成了所有命令css文件。

1 个答案:

答案 0 :(得分:0)

在magento 2特定商店中使用LESS

步骤1 :进入您的自定义主题>网络> CSS>源> _soucrces.less 文件,如果不存在,则从magento-blank-theme复制该文件。

step2 :复制该文件类型代码后,即可导入文件,例如<@import'CustomCss.less';>这里,CustomCss.less是您的文件名

第3步:现在在以下路径(web> css> source> CustomCss.less)中少创建一个文件。文件名的开头应加下划线(CustomCss)

step4 :现在在_variables.less文件中声明您的自定义变量,您可以在以下路径中找到此文件(web> css> source) 如果文件不存在,请从magento-blank-theme复制该文件。 (可选步骤),也可以在同一LESS文件中声明变量

第5步:创建此文件后,编写CSS规则并使用您创建的变量。

第5步:在您的主题default_head_block.xml中

将您的css文件添加到头部

结果:编码在较少文件中将其添加到customCss.css

中的代码