Jump to content

Impossible d'afficher les drapeaux des langues sur le front office

superdomino
 Share

Recommended Posts

superdomino Newbie

superdomino

Posted
Posted

Bonjour, 

 

Ca fait plusieurs soirées que je bugue sur un petit détail de mon site www.charlieshus.no

 

Je n'arrive pas à afficher les petits drapeaux correspondant au choix des langues (drapeau français et norvégien dans mon cas). Au lieu de ça, s'affichent les codes ISO des pays, soient FR et NO. 

 

Je pensais qu'en allant dans Localisation --> Langue --> Modifier, et qu'en uploadant le drapeau du pays (ai essayé en 16x11, 16x16, png, jpg) le tour était joué... mais il semble que ça ne s'applique qu'aux drapeaux du back-office...

 

Je suis un peu perdue. Quelqu'un pour m'aider? merci d'avance.

Link to comment
Share on other sites
superdomino Newbie

superdomino

Posted
  • Author
Posted

Merci pour la réponse!

J'ai comparé le contenu de mon fichier blocklanguages_mod.tpl (copié ci-dessous) et le blocklanguages.tpl du module de base et ils sont en effet différents.

 

Je ne suis (malheureusement) pas (encore) une experte en code, mais je comprends que le fichier "appelle" quand même une image du sous-dossier /img/ (et j'ai vérifié que le sous dossier les contient). Je ne comprends par contre pas sous quelles conditions il affiche le code ISO au lieu de l'image. 

Va falloir que je m'initie au code au plus vite ;-(

Toute aide reste bienvenue... 

 

 

<!-- Block languages module -->
 
{if count($languages) > 1}
 
<section id="languages_block_top_mod">
 
<h4>{l s='Languages' mod='blocklanguages_mod'}</h4>
 
<ul id="first-languages_mod" >
{foreach from=$languages key=k item=language name="languages"}
<li {if $language.iso_code == $lang_iso}class="selected_language"{/if}>
{if $language.iso_code != $lang_iso}
{assign var=indice_lang value=$language.id_lang}
{if isset($lang_rewrite_urls.$indice_lang)}
<a href="{$lang_rewrite_urls.$indice_lang|escape:htmlall}" title="{$language.name}">
{else}
<a href="{$link->getLanguageLink($language.id_lang)|escape:htmlall}" title="{$language.name}">
 
{/if}
{/if}
<img src="modules/blocklanguages_mod/img/{$language.id_lang}.jpg" alt="{$language.iso_code}" width="25" height="18" />
{if $language.iso_code != $lang_iso}
</a>
{/if}
</li>
{/foreach}
</ul>
 
</section>
 
{/if}
 
<!-- /Block languages module -->
Link to comment
Share on other sites
  • 4 months later...
steph2i Newbie

steph2i

Posted
Posted

Bonjour

 

 

Merci pour la réponse!

J'ai comparé le contenu de mon fichier blocklanguages_mod.tpl (copié ci-dessous) et le blocklanguages.tpl du module de base et ils sont en effet différents.

 

Je ne suis (malheureusement) pas (encore) une experte en code, mais je comprends que le fichier "appelle" quand même une image du sous-dossier /img/ (et j'ai vérifié que le sous dossier les contient). Je ne comprends par contre pas sous quelles conditions il affiche le code ISO au lieu de l'image. 

Va falloir que je m'initie au code au plus vite ;-(

Toute aide reste bienvenue... 

 

 

<!-- Block languages module -->
 
{if count($languages) > 1}
 
<section id="languages_block_top_mod">
 
<h4>{l s='Languages' mod='blocklanguages_mod'}</h4>
 
<ul id="first-languages_mod" >
{foreach from=$languages key=k item=language name="languages"}
<li {if $language.iso_code == $lang_iso}class="selected_language"{/if}>
{if $language.iso_code != $lang_iso}
{assign var=indice_lang value=$language.id_lang}
{if isset($lang_rewrite_urls.$indice_lang)}
<a href="{$lang_rewrite_urls.$indice_lang|escape:htmlall}" title="{$language.name}">
{else}
<a href="{$link->getLanguageLink($language.id_lang)|escape:htmlall}" title="{$language.name}">
 
{/if}
{/if}
<img src="modules/blocklanguages_mod/img/{$language.id_lang}.jpg" alt="{$language.iso_code}" width="25" height="18" />
{if $language.iso_code != $lang_iso}
</a>
{/if}
</li>
{/foreach}
</ul>
 
</section>
 
{/if}
 
<!-- /Block languages module -->

 

 

 

Bonjour, avez vous résolu votre soucis ? Cela m'intéresse. On peut certainement s'entraider si vous voulez. Merci

Link to comment
Share on other sites
superdomino Newbie

superdomino

Posted
  • Author
Posted

Bonjour,

 

Malheureusement non, je n'ai pas trouvé de réponse à mon problème, alors je me suis contentée de l'affichage actuelle. Mais si vous avez une solution je suis preneuse! vous utiliser le même template que moi? A savoir Responsiveretina.

 

Salutation.

Link to comment
Share on other sites
steph2i Newbie

steph2i

Posted
Posted

Rebonjour. Je poste donc la solution. Pas très compliqué en fait.

 

Il faut se rendre avant tout dans le fichier "blocklangues.tpl". Il se trouve soit dans "votre site/themes/votre thème/modules/blocklanguages/blocklanguages.tpl" soit si ce dossier n'existe pas dans "votre site/modules/blocklanguages/blocklanguages.tpl".

 

Cela peux être différent en fonction du thème que vous utilisez, mais dans ce fichier vous devriez avoir la ligne de code suivante :

{*<span class="languages_img"><img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" /></span>*}

Si vous avez cela, il faut virer {* et *} pour faire apparaitre les drapeaux. Ce qui donne donc :

<span class="languages_img"><img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}

Si vous souhaitez n'afficher que les drapeaux, il faut juste virer

<span class="languages_iso">{$language.iso_code}</span>

Bon courage !

Link to comment
Share on other sites
  • 2 weeks later...
  • 1 month later...
le.bisounours Newbie

le.bisounours

Posted
Posted (edited)

Suffit d'ajouter la ligne modifiée du tuto et de laisser celle qui devait-être supprimée.

En bref "drapeau + nom" modifier la ligne 31 du fichier : "votre site/themes/votre thème/modules/blocklanguages/blocklanguages.tpl"
 

<span>{$language.name|regex_replace:"/\s\(.*\)$/":""}</span>

Par :
 

<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>
Edited by le.bisounours (see edit history)
Link to comment
Share on other sites
  • 5 months later...
wlidha_hassen Newbie

wlidha_hassen

Posted
Posted

Bonjour, j'utilise la version 1.6.0.11 de prestashop et je veux modifier l'apparence du choix des langues au niveau du front office en changeant le nom de la langue par le drapeau equivalent, j'ai suivis toutes les instructions proposées dans ce forum sauf que j'arrive pas à résoudre mon probleme!

 

Je vous fournies le contenu du fichier blocklanguages.tpl

 

{*
* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
 
<!-- Block languages module -->
{if count($languages) > 1}
<div id="languages_block_top">
<div id="countries">
{* @todo fix display current languages, removing the first foreach loop *}
{foreach from=$languages key=k item=language name="languages"}
{if $language.iso_code == $lang_iso}
<p class="selected_language">
<img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="16" height="11" />
</p>
{/if}
{/foreach}
<ul id="first-languages" class="countries_ul">
{foreach from=$languages key=k item=language name="languages"}
<li {if $language.iso_code == $lang_iso}class="selected_language"{/if}>
{if $language.iso_code != $lang_iso}
{assign var=indice_lang value=$language.id_lang}
{if isset($lang_rewrite_urls.$indice_lang)}
<a href="{$lang_rewrite_urls.$indice_lang|escape:htmlall}" title="{$language.name}">
{else}
<a href="{$link->getLanguageLink($language.id_lang)|escape:htmlall}" title="{$language.name}">
 
{/if}
{/if}
<img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="16" height="11" />
{if $language.iso_code != $lang_iso}
</a>
{/if}
</li>
{/foreach}
</ul>
</div>
</div>
 
<script type="text/javascript">
$(document).ready(function () {
$("#countries").mouseover(function(){
$(this).addClass("countries_hover");
$(".countries_ul").addClass("countries_ul_hover");
});
$("#countries").mouseout(function(){
$(this).removeClass("countries_hover");
$(".countries_ul").removeClass("countries_ul_hover");
});
 
});
</script>
{/if}
<!-- /Block languages module -->
 
En ésperant avoir des retours qui peuvent m'aider, je vous remercie d'avance pour tous vos conseils.
Link to comment
Share on other sites
  • 9 months later...
cycleelcyc Newbie

cycleelcyc

Posted
Posted

 

Bonjour, j'utilise la version 1.6.0.11 de prestashop et je veux modifier l'apparence du choix des langues au niveau du front office en changeant le nom de la langue par le drapeau equivalent, j'ai suivis toutes les instructions proposées dans ce forum sauf que j'arrive pas à résoudre mon probleme!

 

Je vous fournies le contenu du fichier blocklanguages.tpl

 

{*
* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
 
<!-- Block languages module -->
{if count($languages) > 1}
<div id="languages_block_top">
<div id="countries">
{* @todo fix display current languages, removing the first foreach loop *}
{foreach from=$languages key=k item=language name="languages"}
{if $language.iso_code == $lang_iso}
<p class="selected_language">
<img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="16" height="11" />
</p>
{/if}
{/foreach}
<ul id="first-languages" class="countries_ul">
{foreach from=$languages key=k item=language name="languages"}
<li {if $language.iso_code == $lang_iso}class="selected_language"{/if}>
{if $language.iso_code != $lang_iso}
{assign var=indice_lang value=$language.id_lang}
{if isset($lang_rewrite_urls.$indice_lang)}
<a href="{$lang_rewrite_urls.$indice_lang|escape:htmlall}" title="{$language.name}">
{else}
<a href="{$link->getLanguageLink($language.id_lang)|escape:htmlall}" title="{$language.name}">
 
{/if}
{/if}
<img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="16" height="11" />
{if $language.iso_code != $lang_iso}
</a>
{/if}
</li>
{/foreach}
</ul>
</div>
</div>
 
<script type="text/javascript">
$(document).ready(function () {
$("#countries").mouseover(function(){
$(this).addClass("countries_hover");
$(".countries_ul").addClass("countries_ul_hover");
});
$("#countries").mouseout(function(){
$(this).removeClass("countries_hover");
$(".countries_ul").removeClass("countries_ul_hover");
});
 
});
</script>
{/if}
<!-- /Block languages module -->
 
En ésperant avoir des retours qui peuvent m'aider, je vous remercie d'avance pour tous vos conseils.

 

 

meme problem ... :(

Link to comment
Share on other sites
  • 5 weeks later...
lococcinelle Newbie

lococcinelle

Posted
Posted (edited)

bonjour tout le monde

jai un petit souci avec les langues ;( je n'arrive pas a trouver le bon code dans tpl. ou css je suis debutant

dons mes langue se trouve dans un menu déroulant et moi j'aimerais enlever ce menu déroulant et mettre simplement

les drapeaux l'un a coter de l'autre comme j'ai fait en fessant "examiner l’élément" mais je n'arrive pas a trouver la solution

et je suis sure que cet simple et que je suis passer a coter peut être ;( mais merci bcp pour votre aide

post-1168925-0-09777300-1452246049_thumb.jpg
Edited by lococcinelle (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...