How to change the banner image of your Zendesk Help Center for each language
This tip was originally posted here but I think posting it here will make it easier for everyone to find.
Zendesk level: Beginner
Knowledge: Copy & Paste
Time Required: 5 minutes
Add your banner images for different locales in your assets.
Now go to your Helpcenter and click on document head template using customize design -
and copy below code in your template -
Replace the banner image names with yours. Save and publish the code.
Hurray! your Helpcenter has different banners for different languages now.
Please try it, and share your feedback. I hope, it helps.
Cheers
Team Diziana
-
This is fabulous, Trapta! Thank you for re-posting!
-
That's awesome, thanks. I'll definitely be easier to find now. And I'll add it to our HC tips list.
-
@Jessie Schutz :)
@Jennifer Rowe that will be awesome.
Team Diziana
-
Hello!
Maybe one of you can help me with a simular issue. I want to have the Company Logo (under Brand) to change whenever a customer selects the language English (GB). This because in Great Britain Help Center is written as Help Centre.
I've already uploaded both assets (Help Center and Help Centre) but I can't figure out how to code it. We make use of the Diziane Eczar theme.
I know how to do it with dynamic content but I don't like the look of it. I would prefer the logo to change completely when selecting EN-GB language.
Thank you so much in advance!
BR,
Ron
-
I think I'm close with the {{#is helper but it doesn't yet show my asset:
<header class="header-wrapper">
<div class="header">
<div class="logo">
{{#link 'help_center'}}
{{#is current_locale.name '/hc/en-gb'}}
<img src="{{asset 'FG_HC_GB.png'}}" alt="{{t 'logo'}}">
{{/is}}BR,
Ron
-
It has been fixed thanks to Diziana! For those who need it, this is the code:
<header class="header-wrapper">
<div class="header">
<div class="logo">
{{#link 'help_center'}}
{{#is current_locale.name 'LOCALE'}}
<img src="{{asset 'ASSET NAME'}}" alt="{{t 'logo'}}">
{{else}}
<img src="{{asset '.ASSET NAME'}}" alt="{{t 'logo'}}" />
{{/is}} -
Thanks for sharing the fix Ron :)
Please sign in to leave a comment.
7 Comments