Update currency selector to show country flags

[x97wehner]

Anyone figured out a solution to this? I'd like to have a flag show for USD and CAD in my currency selector as many sites do rather than text of USD/CAD or a $ symbol. Either that or a select country feature with flags that aligns the correct currency.

Thanks in advance.

[colorful-ant]

Can you please post an example - as I understand it now, for me as a buyer, it would be a bit confusing.

[x97wehner]

Sure. You can change this from USA to CAN. I'd like to do the same to adjust currencies but give them the very obvious country flag rather than abbreviations.

[colorful-ant]

at the moment i have only country flag with full country text for blocklanguage

if you have only country text (it may differ depending on the template or additional module) module blocklanguages/blocklanguages.tpl

find {$language.name|regex_replace:"/\s.*$/":""}

replace with (example) <span><img alt="{$language.iso_code}" height="11" span="" src="{$img_lang_dir}{$language.id_lang}.jpg" width="16" /> {$language.name|regex_replace:"/\s.*$/":""}</span>

to

blockcurrency i have no testet - if it is possible

edit: sorry - but maybe it will help anyway

[x97wehner]

@colorful-ant Thanks for the effort, but as you indicated, it's not the solution being targeted.

[colorful-ant]

ok - I keep testing

for language block with flag - default theme

modules / blocklanguages / blocklanguages.tpl

changes

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> {$current_iso|escape:'html':'UTF-8'} <span class="caret"></span> </a>

to <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <span><img alt="{$language.iso_code}" height="11" span="" src="{$img_lang_dir}{$language.id_lang}.jpg" width="16" />{$current_iso|escape:'html':'UTF-8'}</span> <span class="caret"></span> </a>

and this

<a href="{$lang_rewrite_urls.$indice_lang|escape:'html':'UTF-8'}" title="{$language.name|escape:'html':'UTF-8'}" rel="alternate" hreflang="{$language.iso_code|escape:'html':'UTF-8'}"> <span>{$language.name|regex_replace:"/\s\(.*\)$/":""}</span> </a> to

<a href="{$link->getLanguageLink($language.id_lang)|escape:'html':'UTF-8'}" title="{$language.name|escape:'html':'UTF-8'}" rel="alternate" hreflang="{$language.iso_code|escape:'html':'UTF-8'}"> <span><img alt="{$language.iso_code}" height="11" span="" src="{$img_lang_dir}{$language.id_lang}.jpg" width="16" /> {$language.name|regex_replace:"/\s\(.*\)$/":""}</span> </a>

result

i played a little bit with the code for blockcurrency community-theme-default / modules / blockcurrencies / blockcurrencies.tpl

i changed this

{l s='Currency: %s' sprintf=[$current_iso] mod='blockcurrencies'} <span class="caret"></span> to {l s='Currency: %s' sprintf=[$current_iso] mod='blockcurrencies'} <img src="../../img/l/{$f_currency.id_currency}.jpg" alt="" class="currency_flag" /><span class="caret"></span>

and this <a href="javascript:setCurrency({$f_currency.id_currency});" rel="nofollow" title="{$currency_name}"> {$currency_name} </a> to

<a href="javascript:setCurrency({$f_currency.id_currency});" rel="nofollow" title="{$currency_name}"> <img src="../../img/l/{$f_currency.id_currency}.jpg" alt="" class="currency_flag" /> <span class="currency_text">{$f_currency.sign}</span> </a>

result

if you do not want the text (iso code) etc, delete the snippets or comment out. i have not tried these changes with countries and same currency etc. application at your own risk.

[x97wehner]

Thanks! I'll give it a whirl in dev and see if I can get it working.

[x97wehner]

@colorful-ant Well, the U.S. works with your code, but the flag doesn't pull up for Canada. Can you point me in the right direction?

*edit, i figured it out

[colorful-ant]

im not sure - if you have an additional language for canada?

- only countries acitve (without flag) - i do not know at the moment

[x97wehner]

@colorful-ant Actually, for some reason, Canada's flag isn't loading into my system. Trying to figure out why.

[colorful-ant]

@x97wehner have you candian language installed?

[x97wehner]

The only one that installs is french for canada, but it's not pulling the flag in for some reason

[colorful-ant]

have you upload the flag

and import the file (French (Quebec)) https://translations.thirtybees.com/

[colorful-ant]

http://icons.iconarchive.com/icons/custom-icon-design/flag-2/16/Canada-Flag-icon.png

[colorful-ant]

@x97wehner

. .

[x97wehner]

Very strange. I imported the flag manually, and it still isn't displaying correctly. I'll have to check later. Thanks for trying.

[colorful-ant]

clear shop chache and browser cache?

[x97wehner]

I figured out my issue. My languages and currencies were not synced on ID. I adjusted the ID in the database to match the currency and now it works. Thanks!