No Flag images in the jrElastic Skin

pch
@pch
10 years ago
328 posts
Hello JR Team,

I am trying to create a multilingual site. Using the site builder, I have created a widget (html editor). Then place the following code to the source code according to the documentation:

https://www.jamroom.net/the-jamroom-network/documentation/development/541/translate-jamroom-into-another-language

<a href="?set_user_language=es-ES"><img src="{$jamroom_url}/skins/{$_conf.jrCore_active_skin}/img/flags/es.png" alt="ES" title="Spanish"></a>
<a href="?set_user_language=en-US"><img src="{$jamroom_url}/skins/{$_conf.jrCore_active_skin}/img/flags/us.png" alt="US" title="English US"></a>
<a href="?set_user_language=fr-FR"><img src="{$jamroom_url}/skins/{$_conf.jrCore_active_skin}/img/flags/fr.png" alt="FR" title="French"></a>

The change shows on the frontend site but there is no flag image. I have investigated and noticed that the jrElastic Skin doesn't have the "flags" sub-folder in its "img" folder .

Please advise.

Thanks
updated by @pch: 02/18/16 03:53:52PM
douglas
@douglas
10 years ago
2,806 posts
The Elastic skin was never setup for multi languages, therefore there were never any flag images added to it.

If you have access to Nova, MediaPro or ProJam, you can get the flag diretory from one of those skins and copy it to your Elastic skin.

If you do not have access to one of those skins, let me know and I'll and zip up the directory and add it here for you.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
pch
@pch
10 years ago
328 posts
douglas:
The Elastic skin was never setup for multi languages, therefore there were never any flag images added to it.

Hi Doug,

Well, that's really bad and very deceiving news. Then, I am lost if the Elastic skin was never setup for multi languages. Now I understand why I am really having a tough time trying to build a multi languages website using the Site builder. There is no tutorial, no documentation at all about doing it with the site builder. I have tried many thingw and I still can't figure out how to achieve it.

I have posted a question about it here and I am still waiting for a reply:
https://www.jamroom.net/the-jamroom-network/forum/using-jamroom/34639/how-to-build-a-jrelastic-multilingual-based-site-using-the-site-builder

Hope the JR Dev Team will help.

Thanks
pch
@pch
10 years ago
328 posts
douglas:
If you have access to Nova, MediaPro or ProJam, you can get the flag diretory from one of those skins and copy it to your Elastic skin.

If you do not have access to one of those skins, let me know and I'll and zip up the directory and add it here for you.


Thanks. I own a ProJam license. I have managed to copy the flags folder from there to the Elastic skin img folder. It works. Thanks for helping.
pch
@pch
10 years ago
328 posts
Also, the code in the documentation page needs to be updated.

https://www.jamroom.net/the-jamroom-network/documentation/development/541/translate-jamroom-into-another-language

The following piece of code needs to be removed:

{$jamroom_url}

The site url in the image location url is being added twice, making the image location invalid.

Example:

<img title="Spanish" src="http://www.site.com/http://www.site.com/skins/jrElastic/img/flags/es.png" alt="ES">

The JR Team member reading this post, please consider updating the documentation.

Thanks
michael
@michael
10 years ago
7,805 posts
That code {$jamroom_url} should not be outputting what you have shown. {$jamroom_url} is used everywhere to get to the start of the site.

So if the site is installed at:
site.com/

then {$jamroom_url} should output http://site.com/

but if the site is installed at:
site.com/jamroom/

then {$jamroom_url} should output http://site.com/jamroom/

Its important because without it you'd be linking to a relative URL which may not be the correct destination.
pch
@pch
10 years ago
328 posts
Hi Michael,

Thanks for the reply. My JR is installed in a sub-folder: site.com/jamroom/

If i use the code provided in the documentation with the {$jamroom_url}, I get this:

<img title="Spanish" src="http://www.site.com/jamroom/http://www.site.com/jamroom/skins/jrElastic/img/flags/es.png" alt="ES">

It makes the image location url invalid. I have removed the {$jamroom_url} code and everything works fine. The flag image starts showing.

Thanks

Tags