Join the Odoo Inner Circle to view the premium video below.
Convert Business Casual Theme to Odoo

Convert Business Casual Theme to Odoo

95.00 95.0 USD


Free with Odoo Inner Circle Add to Cart

This theme development video starts out from the very beginning of selecting the bootstrap theme to convert, creating the module in Odoo, and how to configure it with the building blocks and website builder framework. Business Casual BootStrap Theme for Odoo. Learn to convert bootstrap themes into Odoo and build your own themes in Odoo.

Video Length:   1:08 hrs
Free With Odoo Inner Circle

Build up your theme library and build attractive Odoo websites

This is not just your ordinary training video. This video takes a quality bootstrap theme and makes it available for you to use in Odoo. Along the way learn valuable skills that will help you learn how to convert other themes into Odoo. Use Odoo theme source code to customize and use for their own website.

Learn how to get the themes to look the way you want -- in Odoo

This video takes you step by step through all the little things required to get a theme moved into the Odoo framework. This allows you to then take advantage of all the CMS features, inserting blocks and customizing pages with the content you choose. 

Learn important tips in troubleshooting CSS and Xpath

Odoo's website builder is robust and the framwork is quite flexible. However learning how to manipulate web pages and CSS tags from within the framework requires a solid knowledge of xpath and how to use the inspector in the web browser to find the elements you need to change. Like other Odoo Class videos... this walks through all those details and shows you skills that will help you troubleshoot your own theme conversions.

Moving a theme from bootstrap into Odoo

If you look at the Business Casual theme you will notice it is quite different in appearance than the generic Odoo theme that comes with the website builder. In fact it is quite different than most of the Odoo themes you can purchase on the store. This is because the theme puts the header above the navigation bar. It also has a full background as well as a very clean look. Importing this theme however requires you to over-ride some of Odoo's built-in layout funcationality. For example, the navigation menu is centered in this theme, not right-aligned like Odoo's default theme.

What skills do I need to have to use this video?

You should be comfortable building an Odoo module, you should know how to use the website builder, and you should be comfortable with basic xpath and web page development. Consider the associated videos listed below as pre-requisites to learning how to convert bootstrap themes into Odoo.

Do I get the full source code for this the Business Casual theme for Odoo?

Yes. If you purchase this video/theme produce or you are a current Odoo Class subscriber there are instructions in the video on how to obtain the full source code. The business casual bootstrap theme code is available for free as is. This product contains the code from the video after it has been converted over into Odoo.

What are some of the tricks and tips that are covered in the video

Specifically we cover the following topics

  • Downloading the bootstrap theme into Ubuntu using wget
  • Various Ubuntu commands for unpacking the content, setting permissions, and organizing it into directories
  • LInk in CCS files to extend Odoo's base theme. Never change any Odoo code!
  • Learn the process for analyzing a theme and what needs to be moved into Odoo and what does not
  • Using scaffolding to create a themes module in Odoo
  • Modifying the default Odoo layout... we explore the use of xpath to find elements within Odoo's base layout and replace them with the bootstrap theme
  • Hooking in custom fonts
  • Changing out the background image for the site
  • Overriding class attributes in the navigation bar to change the alignment from right-aligned to center aligned
  • Tips on using the inspector within the web browser to find the correct elements that need to be changed
  • Easy ways to modify the CSS to get the defaults you wish (such as color) when you drop Odoo widgets on your page