Odoo - Snippet of the Week - TAB NAVIGATION AS BUILDING BLOCK

Navigate your life

Sebastian Schiller

TABULATOR navigation bar snippet

Structure Website Building Block

This new feature can be found in the building block section. It includes a totally new world of tabulator navigation with a bunch of customization options. Let's have first Look!

customize CONTENT

USER WEBSITE BUILDER TO FILL THE CONTENT

Just easily choose the favorite building block, after that put it in the content section of the tab navigation and edit like you want to do. It is possible to select content building blocks and structure blocks, too. theoretically its possible to create a tab navigation in a tab navigation in a tab navigation but watch out this might create some bugs!

WHY USING THE TAB BAR?

The tabulator is perfect for putting more information to a product, feature or any information you want. You easily create a new information on the same web page. Every customer can get the information you provide and doesn't have to change the browser tab or has to leave the current page.

A good example would be a product someone can buy on the website and the customer wants to get more and detailed information. So you are able to create this information in a new tab by clicking the "Add Tab" button in the "Customize option" menu in your website builder.

USE VARIOUS STYLES

As you can see you got a building block that is using two tabs which you can switch by clicking on them!

A great feature of the tab navigation is the individual customization, so you can adapt the style to fit your business! The inspiration for the styles and animations came from the awesome examples on www.tympanus.net where you can find many more cool samples.

MANAGE YOUR NAVIGATION

snippet in action

 
This is a small presentation of the new navigation snippet

LIST of integrated features, yet!

ONE

Works on every page where the odoo website builder works and structure building blocks are allowed.

TWO

Customizing the layout of the navigation as you want

THREE

Drag and Drop other content or structure blocks in the tab content to show them the customers

FOUR

Select background for tabs or its content separate

FIVE

You can add more tabs to your navigation if you need them 

SIX

Your are able to delete tabs if there are too many for you