Skip to Content
คุณต้องลงทะเบียนเพื่อโต้ตอบกับคอมมูนิตี้
All Posts คน เหรียญรางวัล
แท็ก (View all)
odoo accounting v14 pos v15
เกี่ยวกับฟอรั่มนี้
คำถามนี้ถูกตั้งค่าสถานะ
logo
8 ตอบกลับ
41835 มุมมอง
อวตาร
Gabriel Giani Moreno

I need to change the logo size in my website:

I try changing this:

In the HTML Editor

<?xml version="1.0"?>

<data inherit_id="website.layout" customize_show="True" name="Show Logo">

<xpath expr="//header//a[@class='navbar-brand']" position="replace">

<a href="/" class="navbar-brand logo">

<img src="/logo.png" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name" width=200 height=150 />

</a>

</xpath>

</data>


But only i can change the width but not the height.


Some people can help me?


Best Regards.

อวตาร
ละทิ้ง
อวตาร
Jose Vasquez
คำตอบที่ดีที่สุด

Hi Gabriel,

Try this:

<img t-att-src="'/logo.png;base64,'" Logo of %s' % res_company.name" t-att-title="res_company.name" style="max-width: 200px; max-height: 150px;"/>

I hope to help you, regards.

อวตาร
ละทิ้ง
Gabriel Giani Moreno
ผู้เขียน

Thanks Jose! This solution work for me!

อวตาร
Stellar Inc.
คำตอบที่ดีที่สุด

Hello, I am working in Odoo 12, and I want to change the size of the Logo of my website. I am tried different stuff however the logo still with the predefined size.

How can I change that?

Best Regards. 

อวตาร
ละทิ้ง
อวตาร
Krishna BOUKADIA
คำตอบที่ดีที่สุด

Change the Logo size on Odoo

  1. Upload logo to folder /odoo/odoo-server/addons/web/static/src/img

  2. Change default odoo logo file name from logo.png to somethingelse.png

  3. Change yourlogo.png to logo.png (This way you have a high resolution image logo available)

  4. Remember to refresh logo folder ownership by odoo : chown -R odoo:odoo /odoo

  5. Then edit the html code in Main Layout and Show_logo using the html editor like Ermin Trevisan suggested. I had satisfactory results that way.


hope it will help ;)

อวตาร
ละทิ้ง
อวตาร
Edser Solis
คำตอบที่ดีที่สุด

Hello Gabriel, what do you mean you can only change the width? 

Odoo will keep the proportions of your logo, see those measures as limits and consider that it will take the one that meets first.

If you're looking to change the proportions you have to use a tool intended for that. 

อวตาร
ละทิ้ง
อวตาร
webkul, Prakash
คำตอบที่ดีที่สุด

override the css:

.openerp .oe_leftbar > div a.oe_logo img {height: 50px;width: 50px;margin: 14px 0;border: 0}
header a.navbar-brand img {
max-height: 83px;
height: 100px;
width: 190px;
}
อวตาร
ละทิ้ง
อวตาร
Gabriel Giani Moreno
ผู้เขียน คำตอบที่ดีที่สุด

 

Finally i used this solution propossal:

Thanks a lot!!

<img t-att-src="'/logo.png;base64,'" Logo of %s' % res_company.name" t-att-title="res_company.name" style="max-width: 200px; max-height: 150px;"/>
อวตาร
ละทิ้ง
อวตาร
Ermin Trevisan
คำตอบที่ดีที่สุด

Well, the problem is, that changing the size of the logo is only a part of the job. You do also have to adjust the height of the navbar and the vertical alignment of the menu accordingly.

Check http://www.restaurant-roessli.ch

I'm not a developer, so I did that in very nasty way manually using the HTML-Editor (Logo size 100px):

Main Layout:

<body>

<div id="wrapwrap">

<header>

<div class="navbar navbar-default navbar-static-top" style="height:120px">

<div class="container">

<div class="navbar-header" style="margin-top:-17px">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-top-collapse">

<span class="sr-only">Toggle navigation</span>

...

Show_logo:

<data inherit_id="website.layout" customize_show="True" name="Show Logo">

<xpath expr="//header//a[@class='navbar-brand']" position="replace">

<a href="/" class="navbar-brand logo">

<img src="/logo.png" t-att-alt="'Logo of %s' % res_company.name" t-att-title="res_company.name" style="max-height:100px"/>

</a>

</xpath>

</data>

Anybody willing to automate that and publishing a small module, which allows to enter the required logo size and then adjusts everything automatically?

อวตาร
ละทิ้ง
Related Posts ตอบกลับ มุมมอง กิจกรรม
How to Add a New Social Media Icon in Odoo Website Footer? แก้ไขแล้ว
logo
อวตาร
อวตาร
อวตาร
2
ก.ค. 25
3577
Recover Missing Website Header Logo แก้ไขแล้ว
logo
อวตาร
อวตาร
อวตาร
อวตาร
4
มิ.ย. 24
9430
Unable to replace logo on website
logo
อวตาร
0
ก.พ. 22
3683
Print company logo on POS receipts แก้ไขแล้ว
logo
อวตาร
อวตาร
อวตาร
2
ต.ค. 17
9821
http://192.168.203.62/web/binary/company_logo
logo
อวตาร
1
มี.ค. 16
9005