Membuat frontend theme odoo

Seperti yang kita tahu, odoo memiliki app website dimana kita bisa membuat website/e-commerce menggunakan odoo. Jadi alih alih menggunakan cms seperti wordpress atau magento kita bisa menggunakan odoo untuk menangani website. Tentu jika kita sudah memiliki odoo kita bisa menghemat resource daripada menggunakan cms yang terpisah dengan odoo.

Menginstall app website

Untuk menggunakan fitur website kita bisa ke menu apps -> lalu pilih website -> install

Jika berhasil akan tampil tampilan website kita

Untuk melakukan kustomisasi pada website kita bisa menggunakan website builder atau dengan membuat theme

Membuat Theme

Buat direktori theme_<nama tema>. didalam direktori tersebut buat file __init__.py dan __manifest__.py . file ini nantinya berisi tentang informasi themes kita.

Edit __manifest__.py

{Menyisipkan element
  'name':'Winkel theme',
  'description': 'A description for your theme.',
  'version':'1.0',
  'author':'Heru P Utomo',

  'data': [
  ],
  'category': 'Theme/Ecommerce',
  'depends': ['website', 'website_theme_install', 'sale'],
}

Themes kosongan kita sudah jadi, bisa kita install dengan memindahkan folder / membuat sym link theme kita ke folder addons path odoo.

Untuk mengetahui addons path bisa kita lakukan dengan mengecek log odoo,

kita ketahui bahwa addons path yang dipakai /usr/lib/python3/dist-packages/odoo/addons dan /var/lib/odoo/.local/share/Odoo/addons/13.0

lalu kita buat symlink ke addons path

Setelah selesai, pada odoo, kita buka menu setting -> website, klik choose a theme

Tema anda akan muncul disana

Menyisipkan element

Selanjutnya kita akan mencoba menyisipkan element kedalam tampilan website kita. Buat file layout.xml didalam direktori views:

<?xml version="1.0" encoding="utf-8" ?>
<odoo>
  <!-- Customize header  -->
  <template id="greeting_custom" inherit_id="web.frontend_layout" name="greeting custom">
    <xpath expr="//div[@id='wrapwrap']/header/nav" position="before">
      <div class="greetings text-center bg-primary text-light">
        <span>Halooo</span>
      </div>
    </xpath>
  </template>
</odoo>

Lalu kita buka file __manifest__.py, tambahkan path layout kita kedalam kolom data, menjadi ‘data’: [ ‘views/layout.xml’ ],

Lalu kita kembali ke browser, kembali ke menu daftar themes -> update themes

Lalu buka kembali tampilan website untuk melihat perubahan

Leave a Reply

Your email address will not be published. Required fields are marked *