AEM5.6.1 LOGO COMPONENT FOR DIFFERENT IMAGE ON EACH LOCALE FOR EACH WEBSITE | Community
Skip to main content
S
srinivasc110177
Level 4
October 13, 2016
Solved

AEM5.6.1 LOGO COMPONENT FOR DIFFERENT IMAGE ON EACH LOCALE FOR EACH WEBSITE

  • October 13, 2016
  • 4 replies
  • 2058 views

Hi,

I have a requirement in AEM5.6.1 LOGO COMPONENT  for different image on each locale for each website.

So on a website http://abc.com

For http://abc.com/en_US.html  and its child pages it must show different logo image

For http://abc.com/fr_FR.html  and its child pages it must show different logo image

Similar i will need to different locales on the same website.

I took a look on /libs/foundation/components/logo. But this creates just one logo for the whole website.

Could you please let me know who can i achieve it.

 

Thanks.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by srinivasc110177

Hi,

Thanks for the reply.I have the same homepage template being used for different locales in a website

Now if i change the logo image at en_US the  same gets reflected in other homepages  locales to, as the logo component just adds the details to specific template.

Could you please let me know based on above how could i separate out the image details per locale in logo component

4 replies

smacdonald2008
smacdonald2008
Level 10
October 13, 2016

Have an AEM author open each locale site and manually change the logo. An AEM Logo component lets an author select a logo.

Bu default, there is no logic that adds a logo dynamically.

S
srinivasc110177AuthorAccepted solution
Level 4
October 14, 2016

Hi,

Thanks for the reply.I have the same homepage template being used for different locales in a website

Now if i change the logo image at en_US the  same gets reflected in other homepages  locales to, as the logo component just adds the details to specific template.

Could you please let me know based on above how could i separate out the image details per locale in logo component

kautuk_sahni
Community Manager
kautuk_sahniCommunity Manager
Community Manager
October 14, 2016

Option 1:

I would recommend you to overlay the logo component.

So, add the logic which would check the locale of the site and choose image from DAM accordingly. 

Option 2:

Another way would be, to play with CSS,

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__xu2q-is_it_possibletoha.html

// 

CSS :lang Selector is the thing you are looking for.

Example:- 

<html>
  <head>
    <style type="text/css">
      p:lang(en) {color:blue; background: white;}
      p:lang(pl) {color: white; background: red;}
    </style>
  </head>
  <body>
    <p lang="en">Some English text.</p>
    <p lang="pl">Jakiś Polki tekst.</p>
  </body>
</html>

I hope this would help you.

Thanks and Regards

Kautuk Sahni

Kautuk Sahni
AnkurAhlawat-1
AnkurAhlawat-1
Level 6
October 15, 2016

By default when we overlay a logo component , it uses design dialog which store content under /etc/design. So if you change at any locale it will be reflect at all locales which is expected behaviour.

If you want to have different logo, then i suggest that try adding logo component at locale level template instead of base page template.

    Terms & ConditionsAccessibility statement

    Loading footer...