Shopware5 less-file 中的更改没有效果
Changes in Shopware5 less-file has no effect
我已经安装了Shopware
- 继承自响应主题和
- 调整颜色(较少文件)。
这适用于页眉和其他一些组件,例如 container.less
但不适用于 offcanvas-menu.less
。
详细信息:
找到要更改的颜色:
为此我先把整个店铺的所有颜色都做的独一无二。所以我可以通过移液器工具轻松地点击当前商店的颜色值。
然后我在源码中找到颜色值,将相应的less源码组件复制到我的新主题中。只有这样我才能改变颜色。
复制到里面 themes/Frontend
:
a) /Responsive/frontend/_public/src/less/_components/offcanvas-menu.less
也是
b) /MyNewTheme/frontend/_public/src/less/_components/offcanvas-menu.less
以下部分:
.sidebar--navigation {
.border-radius();
background: #0492d6;
.navigation--entry {
&:last-child {
border-bottom: 0 none;
}
}
.navigation--link {
overflow: hidden;
text-overflow: ellipsis;
}
}
并将 background: #0492d6; 更改为 background: #003E7e; inside b)
完整结果:gist MyNewTheme offcanvas-menu.less
但如果我重新加载并抓取颜色,我会再次获得 #0492D6。
作为 doppelcheck,我将 a) 中的颜色更改为 background: black;
及其黑色。
作为另一个 doppelcheck,我将 themes/Frontend/MyNewTheme/frontend/_public/src/less/_components/container.less
中的颜色更改为背景:红色;红色是可见的。
请检查您是否也导入了它。
请输入你的themes\Frontend\MyNewTheme\frontend_public\src\less\all.less
@import "_components/offcanvas-menu";
我已经安装了Shopware
- 继承自响应主题和
- 调整颜色(较少文件)。
这适用于页眉和其他一些组件,例如 container.less
但不适用于 offcanvas-menu.less
。
详细信息:
找到要更改的颜色:
为此我先把整个店铺的所有颜色都做的独一无二。所以我可以通过移液器工具轻松地点击当前商店的颜色值。
然后我在源码中找到颜色值,将相应的less源码组件复制到我的新主题中。只有这样我才能改变颜色。
复制到里面 themes/Frontend
:
a) /Responsive/frontend/_public/src/less/_components/offcanvas-menu.less
也是
b) /MyNewTheme/frontend/_public/src/less/_components/offcanvas-menu.less
以下部分:
.sidebar--navigation {
.border-radius();
background: #0492d6;
.navigation--entry {
&:last-child {
border-bottom: 0 none;
}
}
.navigation--link {
overflow: hidden;
text-overflow: ellipsis;
}
}
并将 background: #0492d6; 更改为 background: #003E7e; inside b)
完整结果:gist MyNewTheme offcanvas-menu.less
但如果我重新加载并抓取颜色,我会再次获得 #0492D6。
作为 doppelcheck,我将 a) 中的颜色更改为 background: black;
及其黑色。
作为另一个 doppelcheck,我将 themes/Frontend/MyNewTheme/frontend/_public/src/less/_components/container.less
中的颜色更改为背景:红色;红色是可见的。
请检查您是否也导入了它。
请输入你的themes\Frontend\MyNewTheme\frontend_public\src\less\all.less
@import "_components/offcanvas-menu";