1.
Odoo Website Themes

2.
Website Themes InOdoo
●A website is important in business where to connect thecompany statusin online
and to support the company. Sometimes where to start eCommerce business.To build
a website is not thateasy for a person have no knowledge of code.
●The natureof the website changesin accordance withthe natureof the company.
Building a website for a company requires subtle techniquesso as to attract the
audienceand stay on top. But in Odoo ERPsoftwaremake a website in an easier way.

3.
●It doesn’t matterif you are creating an e-commercesoftware, company website or
customer relationship management portal, Odoo website builder module can handle it
all.
●Odoo has a complete freedom for thedesigner to design their ownthemeaccording to
their need.The Odoo website themes willshowcase thecontentof your website using
captivating designs.

4.
SETUP
●In Odoo, websitebuilder is a defaultmodule.Wehave to triggerthewebsitefeatures
by installingwebsite modulein it.

5.
●Also in Odoo, websitethemesmoduleis thereas a defaultmodule.We can install
from the apps. In defaulttheme, it containvery basic themestructures.
●Whendesigners want to upgrade or create a newtheme,Odoo provide complete
freedom to use it.

6.
●After installingthememodulewe can access defaultthemes(bootswatch themeand
defaulttheme)in themodule. Or separately installBootswatch themeand default
thememodule from theapp list (in localhost).

7.
●If we install website thememodule herewe have option to select theme(i.e;
bootswatch themeor defaulttheme)whileselectingtheme corresponding module will
installautomatically.

8.
●After installingOdoo website builder and website theme,thengo to website menu,
and to start editingby justdragging blocks.

9.
●Simply going“Go to website” we can set website theme.To enablecontact forum, e-
commerce etc.. we have to installthose modules separately.

10.
●Tappingedit menuwe can geta new pagewitha lot block on right side. Here we can
drag blocks to create a website/edit website.

11.
●Add theblocks according to company needs and set thewebsite theme.Thensave the
theme.To add menubar itemfrom the contentmenu also add the pages according to
company need from thecontentmenu.
●Customizetab contain your HTML; fileas wellCSS files.Here also we can edit the
theme.

12.
●The one of the most excitingfeaturesof this module is translatingweb pages. It is
done by adding differentlanguagesintowebsite.

13.
How To Create A New Odoo WebsiteTheme ?
●Odoo comes with a defaultthemestructure. It is a very basic “theme”thatprovides
minimalstructure and layout. Whenyou create a new theme,you are actually
extendingthis.
●It is always enablein your setupand it acts exactly liketheCMS’s base structure.
●It willupgrade automaticallywithinyour Odoo installationand, since it is include in
theWebsite Builder module,everything is smoothly integrateby default.

14.
●As a result, you are totally free to focus on designwhile this structure does thejob of
providing integration'sand functionality.
●Mainfeatures:
●Basic layouts for pages, blog and eCommerce.
●Website Builderintegration.
●Basic Snippets.
●AutomaticLess/Sass compiling.
●AutomaticJs and CSS minificationand combination.

15.
Maintechnologies:
●Twitter Bootstrap
●Jqueryj
●Query UI
●Underscore.js
●An Odoo theme is not a folder containingHTML or PHPfiles, it’s a modular
framework writtenin XML. Using classical web design workflows, you usuallycode the
layout of the entirepage. The result of this is a “static” webpage.

16.
●You can update thecontent,of course, but your clientwill need you to work on
makingeven basic changes.Creatingthemesfor Odoo is a totalchange of perspective.
●Instead of definingthecomplete layout for a page, you can create blocks (snippets) at
let theuser choose where to “drag & drop” them,creating thepage layout on their own.
We call this modular design.

17.
●Odoo XML fileoverview:- Any Odoo XML filestarts withencoding specifications.
●After that,you have to write your code inside a <odoo> tag.

18.
●Almost every elementand option that you create has to be placed insidea <template>
tag, like inthis example.

19.
●A templatetag only definesa piece of HTML code or options – but it does not
necessarily coincide with a visual arrangementof elements.
●The above code defines a title,butit willnot be displayed anywhere because that
templateis not associated with any part of theOdoo defaultstructure.
●In order to do thatyou can use xpath, qWeb or a combination of both. Since XML files
are only loaded whenyou installthetheme,you willhave to force reloading every time
you make changeson an xml file.To do that,click on theUpgrade buttonin the
module’s page.

20.
THANKYOU
Email: info@technaureus.com | Skype: technaureus| Tel: +917902290343| www.technaureus.com