[SOLVED] Custom image as header

ruzzetto · Post by **ruzzetto** » 26 Apr 2017, 15:37

Hi,
i saw different otrs installation on internet where the customer portal is customized with a custom image instead the custom written that could be set in Frontend:Customer:CustomerHeadline.

I suppose i should install a new skin or install a graphic template, am i right?

Thanks,
Fabio

Post by **root** » 26 Apr 2017, 16:27

Search the SysConfig for logo

ruzzetto · Post by **ruzzetto** » 26 Apr 2017, 16:33

@root i've already changed customer logo with a new one and changed header with "My support Portal..." i don't want a type but a unique image set as header and logo....

thanks

Post by **root** » 26 Apr 2017, 17:05

Got it, then try to copy Kernel/Output/HTML/Templates/Standard/CustomerHeader.tt to Custom/Kernel/Output/HTML/Templates/Standard/CustomerHeader.tt and play around with this.

ruzzetto · Post by **ruzzetto** » 26 Apr 2017, 17:20

ok, thansk @root. The file you suggested me has this code:

Code: Select all

[%- INCLUDE "HTTPHeaders.tt" -%]

<!DOCTYPE html>
<html>
[% InsertTemplate("Copyright.tt") %]
[% InsertTemplate("CustomerHTMLHead.tt") %]
<body class="NoJavaScript [% Data.BodyClass | html %]">
<!-- start CI layout -->
    <div id="Header">
[% RenderBlockStart("HeaderLogo") %]
        <div id="Logo"></div>
[% RenderBlockEnd("HeaderLogo") %]
        <h1 class="CompanyName">
            <a href="#">[% Config("CustomerHeadline") %]</a>
        </h1>
[% RenderBlockStart("DebugRTLButton") %]
        <button onclick="Core.Debug.SimulateRTLPage();" type="button">Simulate RTL</button>
[% RenderBlockEnd("DebugRTLButton") %]
    </div>
<!-- end CI layout -->
<!-- end header -->

....i tried to insert image link into "a href".....i suppose it's there but does not work

ruzzetto · Post by **ruzzetto** » 27 Apr 2017, 17:27

my fault , with <img src> i fixed. Trying to get image responsive now. CustomerHeader.tt just modify layout once the user is logged-in, but the image is not shown on customer.pl login page.

Post by **root** » 27 Apr 2017, 17:37

Must be something wrong, the CustomerHeader.tt is included in the CustomerLogin (see Kernel/Output/HTML/Templates/Standard/CustomerLogin.tt).

Please show your changed template.

ruzzetto · Post by **ruzzetto** » 27 Apr 2017, 17:46

@root you're right now i can see the image in login page too but there's something strange: i'm changing several images and i'm noticing images in login page are in the cache, altough i cleared the browser cache

RStraub · Post by **RStraub** » 28 Apr 2017, 08:33

Did you try clearing the OTRS cache?

ruzzetto · Post by **ruzzetto** » 28 Apr 2017, 09:54

with /bin/otrs.DeleteCache.pl?

ruzzetto · Post by **ruzzetto** » 03 May 2017, 09:58

@root is there a way to remove the thin framework around the image? my code is:

Code: Select all

[%- INCLUDE "HTTPHeaders.tt" -%]

<!DOCTYPE html>
<html>
[% InsertTemplate("Copyright.tt") %]
[% InsertTemplate("CustomerHTMLHead.tt") %]
<body class="NoJavaScript [% Data.BodyClass | html %]">
<!-- start CI layout -->
    <div id="Header">
[% RenderBlockStart("HeaderLogo") %]
        <div id="Logo"></div>
[% RenderBlockEnd("HeaderLogo") %]
        <h1 class="CompanyName">
            <img src="myimage.png" style='width:100%; height:100%'/>[% Config("CustomerHeadline") %]
        </h1>
[% RenderBlockStart("DebugRTLButton") %]
        <button onclick="Core.Debug.SimulateRTLPage();" type="button">Simulate RTL</button>
[% RenderBlockEnd("DebugRTLButton") %]
    </div>
<!-- end CI layout -->
<!-- end header -->

when the page loads it looks like

Cattura.PNG

Post by **root** » 03 May 2017, 11:11

What's the location of myimage.png in the filesystem?

ruzzetto · Post by **ruzzetto** » 03 May 2017, 11:17

/opt/otrs/var/httpd/htdocs/skins/Customer/default/img/myimage.png

but to let users to view it i used:

/otrs-web/skins/Customer/default/img/myimage.png

thanks

ruzzetto · Post by **ruzzetto** » 04 May 2017, 10:09

nobody could help me?

ruzzetto · Post by **ruzzetto** » 04 May 2017, 15:21

fixed.

Znuny and ((OTRS)) Community Edition

[SOLVED] Custom image as header

[SOLVED] Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header

Re: Custom image as header