Skip to content

[IMP] howtos/website_themes: Bundles description + header/footer templates #18609

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
fw-bot wants to merge 1 commit into
base: master
Choose a base branch
from
+9 −7
Open

[IMP] howtos/website_themes: Bundles description + header/footer templates #18609

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 7 additions & 5 deletions content/developer/howtos/website_themes/layout.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -432,7 +432,7 @@ Enable one of the header default templates.
<field name="active" eval="False" />
</record>

Explicitly set the desired template in the `primary_variables.scss` file.
Explicitly set the desired template in the :file:`primary_variables.scss` file.

.. code-block:: scss
:caption: ``/website_airproof/static/src/scss/primary_variables.scss``
Expand Down Expand Up @@ -510,14 +510,14 @@ Use the following code to add an option for your new custom header on the Websit
* - views
- The template(s) to enable
* - vars
- The name given to the variable (same as used into `primary_variables.scss`)
- The name given to the variable (same as used into :file:`primary_variables.scss`)
* - checkVars
- Determine if `vars` are compared to set the option status.
* - src (in `Img`)
- The thumbnail of the custom template shown in the templates selection on the Website Builder

Now you have to explicitly define that you want to use your custom template in the Odoo SASS
variables.
Now add this file to your :file:`__manifest__.py` in the bundle `website.website_builder_assets` and
define explicitly the custom template as the header template in the Odoo SASS variables.

.. code-block:: scss
:caption: ``/website_airproof/static/src/scss/primary_variables.scss``
Expand Down Expand Up @@ -739,10 +739,12 @@ active footer template first.
* - view
- Template that is enabled.
* - varName
- Value used in `primary_variables.scss` under `footer-template`.
- Value used in :file:`primary_variables.scss` under `footer-template`.
* - imgSrc
- The thumbnail of the custom template shown in the templates selection on the Website Builder

Add it to your :file:`__manifest__.py` in the bundle `website.website_builder_assets`.

**Declaration**

.. code-block:: scss
Expand Down
4 changes: 2 additions & 2 deletions content/developer/howtos/website_themes/theming.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -879,8 +879,8 @@ This is a non-exhaustive list of the frequently used bundles for a website:
* - web.assets_frontend
- Provides the base assets required to render and interact with Odoo's frontend. You can add
all your custom SCSS, JS or client-side QWeb templates.
* - website.assets_wysiwyg
- Provides the assets loaded into the web editor context, including edit-mode styles, custom
* - website.website_builder_assets
- Provides the assets loaded into the Website Builder context, including edit-mode styles, custom
method for a custom building block, etc).
* - web._assets_bootstrap
- If you need to extend Boostrap through the Bootstrap Utilities API, for example
Expand Down