Book Image

Designing Professional Websites with Odoo Website Builder

By : Sainu Nannat
Book Image

Designing Professional Websites with Odoo Website Builder

By: Sainu Nannat

Overview of this book

The Odoo website builder is an operational tool in the Odoo platform that allows you to design, develop, and manage a website. This book introduces and explains all the features of the Odoo website builder that will help you to be more productive while creating websites. The book starts with an overview of the Odoo website builder, its functionalities, and the tools it offers. Using descriptive illustrations and practical examples, you’ll gain detailed insights into the block operations of the Odoo website builder and learn how to work with structure blocks, features blocks, and dynamic content blocks. As you advance, you’ll discover how to use the HTML, CSS, or JS editor in Odoo website builder applications for customization. This Odoo book will take you through the different aspects of website building and show you how e-commerce websites can be designed and developed using website builder applications. You’ll build a website, manage it, and run a discussion forum in Odoo using the website builder, and apply your knowledge to add a live chat tool that can be incorporated into your website using the Odoo website builder. By the end of this book, you’ll have gained a solid understanding of the Odoo website builder and be able to leverage its features to develop your own website.
Table of Contents (19 chapters)
1
Section 1: An Overview
4
Section 2: Website Builder in Depth
10
Section 3: Practical Tools

Banner block

In the list of the types of Structure blocks used in website design with Odoo, the Banner block comes first and is one of the best design tools available in the Odoo website builder. The Banner block provides a distinctive banner for your website, which you can place on any available web page. To access the Banner block option, select the Edit icon from the frontend of the website, and navigate to the list of Structure blocks in the BLOCKS menu; the banner icon is the first option that is depicted. Take a look at the following screenshot to see how to access the Banner block:

Figure 3.3 – The Banner block

Once the Banner block has been selected, you can drag and drop the respective block to the web page where the design will suit this particular operation according to your requirements. Note that as the Banner block is implemented on the web page, a default style of the respective block also appears on it. The contents of this block can...