Shopware5 less-file 中的更改没有效果

Changes in Shopware5 less-file has no effect

我已经安装了Shopware

  1. 继承自响应主题和
  2. 调整颜色(较少文件)。

这适用于页眉和其他一些组件,例如 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";