如何覆盖website_slides CSS？

问题描述

我正在使用Odoo13。我想从幻灯片中将背景颜色从紫色更改为蓝色。 website_slides位于/src/odoo/addons/website_slides中。我无法直接更改/src/odoo/addons/website_slides/static/src/scss/website_slides.scss

我想覆盖以下内容

.o_wslides_gradient {
    background-image: linear-gradient(120deg,#875A7B,darken(#875A7B,10%));
}

这是我第一次使用Odoo。我想更改颜色，使其始终为蓝色，而不是根据我使用的幻灯片更改颜色。我将如何编写自定义module并将其添加到/src/user？

解决方法

您需要继承website.assets_frontend模板以包括新的Thread object文件。

首先，创建一个模块（您可以查看Building a Module文档），然后：

• 将JSON模块添加到清单depends列表中。

• 继承scss模板，如下所示：

  website_slides

• 创建一个website.assets_frontend XML文件并添加上面的代码，然后将其添加到清单文件的<?xml version="1.0" encoding="utf-8"?> <odoo> <template id="assets_frontend" inherit_id="website.assets_frontend" name="Slides Frontend Assets"> <xpath expr="//link[last()]" position="after"> <link rel="stylesheet" type="text/scss" href="/MODULE_NAME/static/src/scss/website_slides.scss" t-ignore="true"/> </xpath> </template> </odoo> 列表中。

• 在assets.xml下创建一个data文件并添加以下scss代码：

  scss