Odoo 12 Development Essentials - Fourth Edition

Adding CSS and JavaScript assets

Our website pages might need some additional CSS or JavaScript assets. This aspect of the web pages is managed by the website, so we need a way to tell it to also use our files.

We will use some CSS to add a simple strikeout effect. For that, create the library_website/static/src/css/library.css file with the following content:

.text-strikeout { 
    text-decoration: line-through; 
} 

Next, we need to have it included in the website pages. This is done by adding them in the website.assets_frontend template, which is responsible for loading website-specific assets. Add the library_website/views/website_assets.xml data file to extend that template:

<odoo> <template id="assets_frontend" name="library_website_assets" ...