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.
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
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 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>
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.
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?
Please try to give a substantial answer. If you wanted to comment on the question or answer, just use the commenting tool. Please remember that you can always revise your answers - no need to answer the same question twice. Also, please don't forget to vote - it really helps to select the best questions and answers!
About This Community
|Asked: 3/1/14, 11:58 AM|
|Seen: 21472 times|
|Last updated: 8/2/16, 8:37 AM|