Getting started

Get started with United, This tutorial explains how to install and activate theme on your Odoo Website.

Overview

Theme United is multipurpose theme and can be used for different eCommerce business.

United is an Odoo theme built in a modular way. It's not only a multipurpose theme, it's also developed specifically for all types of businesses.

Of course, the main purpose is to save time when creating a website. With theme United, you save a lot of time because you already have 130+ snippets ready to use with a lot of options . So Save your time and money and build many different powerfull websites in few minutes.

United theme can also be customized easily in no time : we keep Odoo standard functionalities with different options: different product items, different footers and much more...

Because Odoo is Modular, the entire theme United is also Modular, for example, we don't oblige customer to use Wishlist module of Odoo in shop: United Wishlist design will be installed automatically only when customer decide to install Wishlist of Odoo.

Note

This documentation covers use of the theme and reveals answers to common problems and issues - We encourage you to read this documentation if you are facing any difficulties.

Download package

Download package contains three main theme_united folder. Once downloaded, unzip the compressed folder and you'll see something like this:

  • theme_united
    • united_all_apps
      • devtalents_carousel
      • devtalents_extra_shop
      • theme_united
      • theme_united_payment
      • theme_united_portal
      • theme_united_sale
      • theme_united_website_blog
      • theme_united_website_crm
      • theme_united_website_mass_mailing
      • theme_united_website_sale
      • theme_united_website_sale_comparison
      • theme_united_website_sale_wishlist
      • united_pwa
      • united_shop_by_brand
      • united_shop_by_category
    • static
    • __manifest__.py
    • __init__.py

How to Install Theme ?

  1. Download theme_united module .
  2. Go to theme_united folder.
  3. Copy folder united_all_apps and put it into your addons path
  4. Activate the developer mode.
  5. Go to apps and click Update Apps List
  6. Click on install theme_united
  7. After the installation of this module, you will be redirected to choose theme for your website.
  8. Select Theme United and click Use this theme
Select United theme

Update Theme

Warning

We recommend you to take database backup before update. So, you can restore it if something goes wrong.

  1. Download latest version of Theme United from Odoo store.
  2. Replace new modules on your server.
  3. Restart your server.
  4. Go to Settings > Website > Pick a Theme
  5. Select Theme United and click on Update theme Everything will be updated

Support

We always try to make theme documentation as clear as possible. However, if you have any issues with our theme or want to make customization in theme. Please Feel free contact us in Our Support email.

Theme Customization

Get started with United, This tutorial explains how to install and activate theme on your Odoo Website.

How can I install shop design or blog design ?

United is a modular theme, you install e-commerce module, then united design will be installed, you install blog and then united blog design will be installed.

United comes with the design and the customization of those Odoo modules

  • Portal
  • Website_blog
  • Website_sale
  • Website_sale_wishlist
  • Website_sale_comparison
  • Website_crm
  • Website_mass_mailing

How can I customize theme?

United comes with several options. You can easily change header style, footer style , shop style, font styles and the color combination of your Odoo website.

  1. Login with your admin account.
  2. Click Edit Then this editor will be shown: Here you will customize your theme.
  3. Blocks:
    You will find all our snippets there
  4. Style:
    This tab will be shown once you select a block, for example header and want to change its style
  5. Options:
    In this tab, you will be able to change:
    • Theme Colors
    • Theme options
    • Website Settings

Configure Header

  1. Login with your admin account.
  2. Click Edit then select header from website
  3. Tab Style will be opened
  4. You will find block named Header
  5. Choose one of our header templates
  6. Change Color,Shawdow, Header position and many other options
  7. Page will reload then new header will appear with new settings

Configure Footer & Copyright

  1. Login with your admin account.
  2. Click Edit then select footer from website
  3. Tab Style will be opened
  4. You will find block named Footer
  5. Choose one of our footers templates
  6. Change Color and many other options
  7. Page will reload then new header will appear with new settings
  8. Folow Same steps for settings of Footer Copyright

Select Page Contact

  1. Login with your admin account.
  2. Click Edit then select Options tab
  3. Go to Website Settings > Contact us
  4. Select style from different styles available
  5. Page will reload then new changes will appear

Contact pages styles

Select Page 404

  1. Login with your admin account.
  2. Click Edit then select Options tab
  3. Go to Website Settings > Contact us
  4. Select style from different styles available
  5. Page will reload then new changes will appear

404 pages styles

Select Page Coming Soon

  1. Login with your admin account.
  2. Create a new page from website and give it an URL for example /coming-soon
  3. Editor will be opened in Blocks tab
  4. Type Coming in search
  5. Select one coming soon page from different pages availables

Coming soon pages styles

E-commerce Settings

Please read carefully this section: it explains how to configure your shop features and design

Default Shop Grid

How to change shop grid?

In Odoo, you can change default view of your list of products either you want list view by default or keep grid view and change the number of products in grid and also number of columns

Theme united comes with list view and different grid views styles

In order to Select list view by default

  • Login with your admin account.
  • Go to /shop page
  • Click Customize and then select List View (by default)

Shop Filters

1. How to Enable Categories Filters?

  • Open Shop page.
  • Go to Customize > Under Products section > Tick eCommerce Categories.

Follow steps if you want to enable collapsible category list.

  • Open Shop page.
  • Go to Customize > Under eCommerce Categories section > Tick Collapsible Category List.

2. How to Enable Attribute Filters?

  • Open Shop page.
  • Go to Customize > Under Products section > Tick Product Attribute's Filters.

United Filters

United comes with those features

  • Product Count
    It is automatically activated
  • Show Active Filters
    It is automatically activated
  • Collapsible Filters
    It is automatically activated
  • Option to clear filters
    You can activate it from Customize options in shop page

  • Show numbers of found items
    It is automatically activated

Available Filters

Shop Promo Bloc

1. How to Enable Promo Bloc?

  • Open Shop page.
  • Go to Customize > Under Products section > Tick Promo Bloc.
  • Promo Bloc will be shown in shop sidebar, you can edit edit change text and image and link

Shop Top Rated Products

1. How to Enable Top Rated Products Bloc?

  • Open Shop page.
  • Go to Customize > Under Product Attribute's Filters section > Tick Top Rating Products.
  • Top Rated Products will be shown in shop sidebar

Shop Custom Top-bar

1. what is Custom top-bar?

You can customize it like that:

  • Open Shop page.
  • Go to Customize > Topbar shop.

1. what includes Custom top-bar?

  • Applied Filters
  • Grid or List button
  • Search Bloc
  • Show Pricelist
  • Show Products per Page
  • Show Sort by

Product QuickView

1. How to Enable?

  • Open Shop page.
  • Go to Customize > Under Products item section > Tick Product Quick View.

It will be displayed here :

When you click on it : a pop up will be opened and you can then preview a product and even add to cart and other shop functions

Product Select Options

Select Options overrides standard Odoo add to cart in order to add to cart from same page shop page

If a product contains variants Choose Options button will appear otherwise Add to cart but always in same page

1. How to Enable?

  • Open Shop page.
  • Go to Customize > Under Products item section > Tick Select Options.

It will be displayed here :

When you click on it : a pop up will be opened and you can then add to cart

When you click on add to cart : product will be added and notification will be shown

Configure Shop Layout

1. What it includes?

United comes with different shop design and styles

  • Two different design styles : Light and Shadowed
  • Page Width: normal and Full width
  • Sidebar Filters Styles: Left , Right and off canvas style
  • Wizard checkout styles

2. How to Enable?

  • Login with your admin account.
  • Click Edit Then this editor will be shown, click Options
  • Go to eCommerce Settings Section > Shop Layout
  • Start making your design
Style 1 : Light
Style 2 : Shadowed
Left
Right
Off Canvas
Left
Right
Off Canvas

Configure Shop Features

1. How to Enable Categories Filters?