Affichage des images des drapeaux sur prestashop

[Aloezen]

Bonjour, je suis nouveau sur prestashop. J'ai installé un theme, et sur celui ci, le bloc langue affiche les languages en texte, par exemple, FR, et quand je cliques dessus, un menu déroulant apparaît pour afficher les autres langues. Or, je voudrais savoir comment afficher les images des drapeaux des langues et non les textes et qu'ils apparaissent sur une même ligne.   

Merci

[Agostini Julien]

Bonjour,

 

Afin de faire apparaître les images relatives aux langues il suffit de se rendre dans votre thème "www.monsite.com/themes/montheme/modules/blocklanguages/blocklanguages.tpl" et d'effectuer les modifications suivantes :

 

code d'origine du fichier blocklanguages.tpl :

{if count($languages) > 1}
    <div id="languages-block-top" class="languages-block">
        {foreach from=$languages key=k item=language name="languages"}
            {if $language.iso_code == $lang_iso}
                <div class="current">
                    <span>{$language.name|regex_replace:"/\s\(.*\)$/":""}</span>
                </div>
            {/if}
        {/foreach}
        <ul id="first-languages" class="languages-block_ul toogle_content">
            {foreach from=$languages key=k item=language name="languages"}
                <li {if $language.iso_code == $lang_iso}class="selected"{/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:'html':'UTF-8'}" title="{$language.name}">
                    {else}
                        <a href="{$link->getLanguageLink($language.id_lang)|escape:'html':'UTF-8'}" title="{$language.name}">
                    {/if}
                {/if}
                        <span>{$language.name|regex_replace:"/\s\(.*\)$/":""}</span>
                {if $language.iso_code != $lang_iso}
                    </a>
                {/if}
                </li>
            {/foreach}
        </ul>
    </div>
{/if}

à remplacer par le code suivant :

{if count($languages) > 1}
	<div id="languages-block-top" class="languages-block">
		{foreach from=$languages key=k item=language name="languages"}
			{if $language.iso_code == $lang_iso}
				<div class="current">
					<img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.name|regex_replace:"/\s\(.*\)$/":""}" />
				</div>
			{/if}
		{/foreach}
		<ul id="first-languages" class="languages-block_ul toogle_content">
			{foreach from=$languages key=k item=language name="languages"}
				<li {if $language.iso_code == $lang_iso}class="selected"{/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:'html':'UTF-8'}" title="{$language.name}">
					{else}
						<a href="{$link->getLanguageLink($language.id_lang)|escape:'html':'UTF-8'}" title="{$language.name}">
					{/if}
				{/if}
						<img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.name|regex_replace:"/\s\(.*\)$/":""}" />
				{if $language.iso_code != $lang_iso}
					</a>
				{/if}
				</li>
			{/foreach}
		</ul>
	</div>
{/if}

Attention cependant à adapter le CSS de manière à ce que l'affichage soit correct.

Amusez-vous bien   

[frugalis]

Les lignes 31 et 46 sont donc à remplacer  par :

 

<img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.name|regex_replace:"/\s\(.*\)$/":""}" />

 

Merci pour votre support.