You're reading from Designing Professional Websites with Odoo Website Builder Create and customize state-of-the-art websites and e-commerce apps for your modern business needs

Product type Paperback

Published in Jun 2021

Publisher Packt

ISBN-13 9781801078122

Length 390 pages

Edition 1st Edition

Languages

Python

Tools

Odoo

Concepts

Application Development

Author (1):

Sainu Nannat

View More author details

Table of Contents (19) Chapters

Preface

1. Section 1: An Overview

2. Chapter 1: Introduction to Odoo and Its Website Builder FREE CHAPTER

3. Chapter 2: The Website Builder in Action

4. Section 2: Website Builder in Depth

5. Chapter 3: An Introduction to Blocks

6. Chapter 4: Design Using Features Blocks

7. Chapter 5: Designing a Website using Dynamic Content

8. Chapter 6: Inner Content Block Tools

9. Chapter 7: HTML/CSS/JS Editor

10. Section 3: Practical Tools

11. Chapter 8: Creating Your Own Blog Pages

12. Chapter 9: Go Live with Your E-Commerce Website

13. Chapter 10: A Discussion Forum for Your Clients

14. Chapter 11: Tracking Your Website with Odoo

15. Chapter 12: Drafting a Contact Page

16. Chapter 13: Communicating with Live Chat

17. Assessments

18. Other Book You May Enjoy

Using HTML/CSS/JS Editor

The Odoo website builder has an HTML/CSS/JS Editor tool available at the frontend of the platform, accessible upon visiting the web page. This editor acts as a real-time modification tool where web pages, websites, and all aligned aspects described on a web page can be edited, configured, and modified. Moreover, with a basic understanding of HTML, CSS, and JS, you can configure and edit the various aspects.

To access the HTML/CSS/JS Editor, go to the website of the company from the backend of the platform and you will be shown the home page of the website, which can be configured. From the home page or the respective web page where the editing is to be done, select the Customize option from the dashboard as shown in the following figure and you will be able to choose HTML/CSS/JS Editor from it:

Figure 7.3 – HTML/CSS/JS Editor option on the website

Upon choosing HTML/CSS/JS Editor on the screen, you will be taken to a code...