Build a website theme¶
For this project, we’ll collaborate on creating a custom website theme fully integrated with Odoo.
Our client, Airproof, has provided their latest design for their waterproof drone e-commerce,
which we’ll replicate.
To start, you must have installed Odoo locally. You will also need some knowledge in:
XML
JavaScript (not mandatory)
Bootstrap 5.1.3
SCSS
QWeb (Odoo’s own templating system)
OWL (JavaScript framework, not mandatory)
Goal
Replicate the Airproof design.
In the
README.md of the Airproof module, you can
find the various Airproof designs that you will replicate throughout the different exercises in
this tutorial.You can also find all the code necessary for creating the Airproof website there. You should also
obtain this by the end of the tutorial. It is recommended to try solving the exercices first
without looking at the solution!
Don’t go too fast!
Follow the exercises step by step and you will reach the final design at the end of the tutorial.
Throughout this tutorial, you will find „See also” sections leading to parts of the How-to guide: Website themes documentation. Be sure to read this documentation thoroughly each time! With it, you will find the solution to every exercise.
Ready? Let’s get started!