Mohon Pencerahan: Cara Edit Header di Website Odoo
Diposting pada 13 Sep 2026, 20:34
Halo rekan-rekan praktisi Odoo di sini!
Semoga semua sehat dan lancar ya projectnya. Saya Lestari mau tanya nih, kebetulan lagi pakai Odoo untuk website perusahaan. Nah, saya mau coba edit bagian header websitenya. Maksudnya, mau nambahin logo baru, ubah posisi menu, atau mungkin ganti warna background header-nya.
Saya udah coba masuk ke 'Website' -> 'Configuration' -> 'Settings', terus nyoba cari di 'Website Builder', tapi kok rasanya agak tricky ya buat ngubah bagian header secara spesifik? Atau ada cara lain lewat 'Customize' di tampilan depan website setelah login sebagai admin?
Biasanya rekan-rekan kalau ada kebutuhan untuk kustomisasi header website di Odoo itu pakainya metode apa ya? Apakah perlu masuk ke mode developer terus edit template XML/CSS, atau ada cara yang lebih user-friendly langsung dari interface Odoo?
Mohon bimbingan dan tipsnya dong biar prosesnya lebih mudah dan efisien. Terima kasih banyak sebelumnya!
Balasan (1)
Halo Mba Lestari! Wah, sehat selalu juga ya, semoga projectnya lancar terus. Pertanyaan Mba ini menarik banget dan sering jadi kebutuhan nih di komunitas Odoo Indonesia.
Betul sekali, Odoo memang menyediakan tools yang cukup powerful untuk kustomisasi website, termasuk bagian header. Untuk kebutuhan seperti ganti logo, ubah posisi menu, sampai ganti warna background header, sebagian besar bisa kita lakukan langsung dari interface Odoo tanpa perlu ngoprek kode. Jadi, tidak harus selalu masuk mode developer kok.
Untuk mengubah logo, Mba Lestari bisa lakukan lewat dua cara utama:
1. Masuk ke menu Website -> Configuration -> Settings. Di sana nanti ada bagian Website Logo. Mba tinggal upload gambar logo baru di situ.
2. Atau, saat di tampilan depan website (dalam mode edit), arahkan kursor ke area header yang ada logo lama. Biasanya akan muncul opsi untuk 'Edit Logo' atau ikon pensil yang bisa diklik untuk mengubahnya secara langsung.
Nah, untuk mengubah posisi menu atau menambah/mengurangi menu, ini paling gampang dilakukan dari tampilan depan website dalam mode edit.
1. Setelah login sebagai admin, masuk ke tampilan depan website.
2. Di bagian atas, akan ada tombol Edit (atau Customize di Odoo versi lama). Klik tombol tersebut.
3. Arahkan kursor ke area menu di header. Akan muncul tombol Edit Menu. Klik tombol ini.
4. Di jendela yang muncul, Mba bisa drag and drop item menu untuk mengubah urutannya, menambahkan menu baru (misalnya dari halaman yang sudah ada), atau menghapus menu yang tidak diperlukan. Cukup user-friendly kok!
Untuk mengganti warna background header atau menyesuaikan gaya visual lainnya, ini juga bisa diakali dari mode edit di tampilan depan website.
1. Setelah masuk mode Edit, arahkan kursor ke bagian header. Biasanya area header ini akan terhighlight sebagai satu "Block".
2. Di panel samping kanan (yang muncul setelah klik Edit), Mba bisa coba cari tab "Style" atau "Layout".
3. Di tab Style, ada banyak opsi untuk mengubah warna background, padding, margin, font color, dan lain-lain yang terkait dengan tampilan blok header tersebut. Eksplorasi saja pilihan warnanya, Odoo sudah menyediakan palet warna dasar atau bisa custom juga.
4. Selain itu, di menu Customize di bagian atas (dekat tombol Edit), ada juga opsi Theme dan Layout yang bisa memengaruhi tampilan header secara keseluruhan (tergantung tema website yang dipakai).
Kapan kita butuh masuk mode developer untuk ngoprek XML/CSS? Biasanya kalau:
Ada perubahan struktur yang sangat fundamental pada header yang tidak bisa dijangkau oleh drag-and-drop builder Odoo.
Mba ingin menambahkan komponen kustom yang benar-benar baru di header yang tidak ada di library blok Odoo.
Ada desain styling yang sangat spesifik dan kompleks yang tidak bisa diatur dari panel 'Style' atau tema yang ada.
Tapi, untuk kebutuhan dasar seperti yang Mba sebutkan (logo, menu, warna background), jarang sekali perlu masuk ke mode developer.
Tips dari saya, sering-seringlah eksplorasi panel "Customize" dan "Edit" di tampilan depan website setelah login sebagai admin. Banyak fitur kustomisasi yang tersembunyi di sana dan cukup powerful untuk mengubah tampilan website tanpa perlu coding.
Semoga pencerahan ini membantu ya, Mba Lestari! Jangan sungkan kalau ada pertanyaan lanjutan atau kalau Mba butuh panduan lebih detail lagi. Semangat terus buat project Odoo-nya!
Betul sekali, Odoo memang menyediakan tools yang cukup powerful untuk kustomisasi website, termasuk bagian header. Untuk kebutuhan seperti ganti logo, ubah posisi menu, sampai ganti warna background header, sebagian besar bisa kita lakukan langsung dari interface Odoo tanpa perlu ngoprek kode. Jadi, tidak harus selalu masuk mode developer kok.
Untuk mengubah logo, Mba Lestari bisa lakukan lewat dua cara utama:
1. Masuk ke menu Website -> Configuration -> Settings. Di sana nanti ada bagian Website Logo. Mba tinggal upload gambar logo baru di situ.
2. Atau, saat di tampilan depan website (dalam mode edit), arahkan kursor ke area header yang ada logo lama. Biasanya akan muncul opsi untuk 'Edit Logo' atau ikon pensil yang bisa diklik untuk mengubahnya secara langsung.
Nah, untuk mengubah posisi menu atau menambah/mengurangi menu, ini paling gampang dilakukan dari tampilan depan website dalam mode edit.
1. Setelah login sebagai admin, masuk ke tampilan depan website.
2. Di bagian atas, akan ada tombol Edit (atau Customize di Odoo versi lama). Klik tombol tersebut.
3. Arahkan kursor ke area menu di header. Akan muncul tombol Edit Menu. Klik tombol ini.
4. Di jendela yang muncul, Mba bisa drag and drop item menu untuk mengubah urutannya, menambahkan menu baru (misalnya dari halaman yang sudah ada), atau menghapus menu yang tidak diperlukan. Cukup user-friendly kok!
Untuk mengganti warna background header atau menyesuaikan gaya visual lainnya, ini juga bisa diakali dari mode edit di tampilan depan website.
1. Setelah masuk mode Edit, arahkan kursor ke bagian header. Biasanya area header ini akan terhighlight sebagai satu "Block".
2. Di panel samping kanan (yang muncul setelah klik Edit), Mba bisa coba cari tab "Style" atau "Layout".
3. Di tab Style, ada banyak opsi untuk mengubah warna background, padding, margin, font color, dan lain-lain yang terkait dengan tampilan blok header tersebut. Eksplorasi saja pilihan warnanya, Odoo sudah menyediakan palet warna dasar atau bisa custom juga.
4. Selain itu, di menu Customize di bagian atas (dekat tombol Edit), ada juga opsi Theme dan Layout yang bisa memengaruhi tampilan header secara keseluruhan (tergantung tema website yang dipakai).
Kapan kita butuh masuk mode developer untuk ngoprek XML/CSS? Biasanya kalau:
Ada perubahan struktur yang sangat fundamental pada header yang tidak bisa dijangkau oleh drag-and-drop builder Odoo.
Mba ingin menambahkan komponen kustom yang benar-benar baru di header yang tidak ada di library blok Odoo.
Ada desain styling yang sangat spesifik dan kompleks yang tidak bisa diatur dari panel 'Style' atau tema yang ada.
Tapi, untuk kebutuhan dasar seperti yang Mba sebutkan (logo, menu, warna background), jarang sekali perlu masuk ke mode developer.
Tips dari saya, sering-seringlah eksplorasi panel "Customize" dan "Edit" di tampilan depan website setelah login sebagai admin. Banyak fitur kustomisasi yang tersembunyi di sana dan cukup powerful untuk mengubah tampilan website tanpa perlu coding.
Semoga pencerahan ini membantu ya, Mba Lestari! Jangan sungkan kalau ada pertanyaan lanjutan atau kalau Mba butuh panduan lebih detail lagi. Semangat terus buat project Odoo-nya!