Odoo is the world's easiest all-in-one management software. It includes hundreds of business apps:
CRM | e-Commerce | Accounting | Inventory | PoS | Project management | MRP | etc.
The new website builder has a selection of themes and we can edit the HTML of a page, but there does not seem to be a way to alter the header or footer. How can this be done? Can we create a new theme?
I found this way to alter the style sheet of an existing template (e.g. the online-shop).
- On the Website go to: Customize -> HTML-Editor
- Choose 'Main layout' from the selection box
- Add your custom style sheet just before the closing </head> tag
Also you can change the footer if you select 'Automatic footer' and 'Footer Copyright' from the selection box.
I'm new on Odoo and for my own, i do this :
login on your website, then hit "Customize"--->"HTML editor" and then select "Main layout", you should see at the end of the page (in my case) :
<div class="container mt16 mb8">
<div class="pull-right" t-ignore="true" t-if="not editable">
Create a <a href="http://openerp.com/apps/website">free website</a> with
<a class="label label-danger" href="https://openerp.com/apps/website">OpenERP</a>
<div class="pull-left text-muted">
Copyright &copy; <span t-field="res_company.name">Company name</span>
The best solution would be to make a module.
Everything that is added to the templates to overwrite the existing css - only produces larger files, additional http requests, and thus unnecessary amounts of data
in a brand new theme you can change the variables in bootstrap, you can also omit parts that are not needed, or you create a design from the ground up
You can add custom css to website
<template id="assets_frontend" inherit_id="web.assets_frontend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/your_module/static/src/css/sheet.css"/>
You write your css in the new file. The existing css will be overridden
Also refer : how to change the theme In odoo?
Apparently new themes are going to be installable as data-only modules when v8 is released - this is how it will be possible to create and install you own themes when running on the Odoo Saas, for example.
In the meantime I have resorted to applying my own stylesheets to override the bootswatch based ones that Odoo gives you out of the box. If you are on the Odoo Saas then you will need to store your stylesheet on your own domain. Once you have a css file you want to use to override what you are given simply use the html editor to edit the template 'Theme' like so:-
<t name="Theme" t-name="website.theme">
<link id="bootstrap_css" rel="stylesheet" href="/website/static/lib/bootstrap/css/bootstrap.css" t-ignore="true"/>
<link id="website_css" rel="stylesheet" href="/website/static/src/css/website.css" t-ignore="true"/>
<link rel="stylesheet" type="text/css" href="//www.mydomain.com/mycss.css"/>
You add the line in bold - it should then change the theme for all pages in your system. If you base your theme on the bootswatch css - then there's the least chance that future changes to the Odoo templates will not work with your theme.
If you are asking about how to change OpenERP web client theme, then I have a tutorial guild to build an addon to change it at http://erptalk.net/threads/tutorial-customize-login-page-with-yourstyle.210/ ; it's may not a good approach but hope could help you as workaround solution.
I'm using the online version, so editing source files is not an option, I don't think. I see how to edit the HTML on any page, but not the CSS. I also cannot see how to add new CSS files or Jquery scripts. I also do not think I can create a new theme other than to edit the existing files. Does anyone know something that I am not seeing?
About This Community
This platform is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.Register
Odoo Training Center
Access to our E-learning platform and experience all Odoo Apps through learning videos, exercises and Quizz.Test it now
|Asked: 3/1/14, 11:58 AM|
|Seen: 34325 times|
|Last updated: 2/19/17, 12:38 AM|