Mostrar banderas de los idiomas en Prestashop 1.7

Hace unos 4 años habíamos comentado algo parecido en el blog pero para mostrar la bandera del idioma activo en Prestashop 1.5

A la hora de seleccionar los idiomas en Prestashop 1.7, vemos que aparece el texto con el nombre del idioma.

Selector de idiomas en Prestashop 1.7

Selector de idiomas en Prestashop 1.7

¿Cómo podemos mostrar las imágenes de las banderas de los idiomas en Prestashop 1.7?

Selector de idiomas con banderas en Prestashop 1.7

 

Accedemos al fichero:

/themes/classic/modules/ps_currencyselector/ps_currencyselector.tpl

Y cambiamos la siguiente línea: (En Prestashop 1.7.1.0 esta sobre la línea 29)

{$current_language.name_simple}

por

<img src="{$urls.img_lang_url}{$current_language.id_lang}.jpg" />{$current_language.name_simple}
Idioma activo en Prestashop 1.7

Idioma activo en Prestashop 1.7

De esta manera, vamos a ver junto al nombre del idioma activo, la imagen de ese idioma.

Oh dios mío, no se ven las imágenes de las banderas cuando pincho y me aparecen el listado de idiomas…

El siguiente paso es cambiar en el mismo fichero:

Esta instrucción: (Esta en la línea 36 y 42 en Prestashop 1.7.1.0)

{$language.name_simple}

por

<img src="{$urls.img_lang_url}{$language.id_lang}.jpg" /> {$language.name_simple}

Para que no os perdáis os he señalado en la siguiente imagen, donde hemos cambiado las instrucciones.

Código por defecto del bloque de idiomas en Prestashop 1.7

Guía construida bajo Prestashop 1.7.1.0

Print Friendly
Hosting Prestashop

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *