Prestashop 1.7 e 1.6: visualizzare le bandiere per ogni lingua

Visualizza le bandiere accanto alla scelta della lingua nel tuo ecommerce Prestashop grazie a poche e semplici modifiche

  1. Home
  2. /
  3. Tutorial Prestashop
  4. /
  5. Prestashop 1.7 e 1.6: visualizzare le bandiere per ogni lingua

Normalmente Prestashop 1.7.x e 1.6.x non visualizzano alcuna bandiera nel modulo Lingua.

Soluzione per Prestashop 1.7.x

Modifica al modulo Lingue

Esiste una soluzione semplice se vuoi visualizzare una bandiera accanto ad ogni lingua utilizzata nel tuo ecommerce realizzato con Prestashop.

Per favore, segui queste semplici indicazioni:

  1. Utilizza un programma di Text Editing come Notepad++ ed apri il file ps_languageselector.tpl situato nella cartella
    /la-tua-installazione/themes/il-tema-che-utilizzi/modules/ps_languageselector/

    Nota: se la cartella chiamata ps_languageselector non esiste nella directory del tuo tema, crea una cartella e nominala ps_languageselector in
    /la-tua-installazione/themes/il-tema-che-utilizzi/modules/
    Al suo interno incolla il file ps_languageselector.tpl che avrai precedentemente copiato da
    /your-online-installation/modules/ps_languageselector/
  2. Utilizza un programma di Text Editing come Notepad++ ed apri il file ps_languageselector.tpl
  3. Intorno alla 30, aggiungi
    <img alt="{$current_language.name_simple}" src="{$urls.base_url}/img/l/{$language.id}.jpg" width="16" height="11">
    

    prima del codice
    <i class="material-icons expand-more">
    
  4. Effettua questo cambiamento 2 volte (generalmente alle righe 36 e 42)
    {$language.name_simple}
  5. con
    <img alt="{$current_language.name_simple}" src="{$urls.base_url}img/l/{$language.id_lang}.jpg" width="16" height="11"> {$language.name_simple}
  6. Salva e sovrascrivi il file
  7. Potrebbe essere necessario cancellare la cache della propria installazione Prestashop (Parametri Avanzati > Prestazioni) e del proprio browser. (Assicurati che la voce Ricompila il template se i file sono stati modificati sia attivata)

Soluzione per Prestashop 1.6.x

Modifica al modulo Lingue

Esiste una soluzione semplice se tu vuoi visualizzare una bandiera accanto ad ogni lingua utilizzata nel tuo ecommerce realizzato con Prestashop.

Per favore, segui queste semplici indicazioni:

  1. Utilizza un programma di Text Editing come Notepad++ ed apri il file blocklanguages.tpl situato in
    /la-tua-installazione/themes/il-tema-che-utilizzi/modules/blocklanguages/

    Nota: se la cartella chiamata blocklanguages non esiste nella directory del tuo tema, crea una cartella e nominala blocklanguages in /la-tua-installazione/themes/il-tema-che-utilizzi/modules/
    Al suo interno incolla il file blocklanguages.tpl che avrai precedentemente copiato da
    /la-tua-installazione/modules/blocklanguages/
  2. Utilizza un programma di Text Editing come Notepad++ ed apri il file blocklanguages.tpl situato in
    /la-tua-installazione/themes/il-tema-che-utilizzi/modules/blocklanguages/
  3. Effettua questo cambiamento 2 volte (solitamente alle righe 31 e 46) rimpiazzando il codice
    {$language.name|regex_replace:"/s.*$/":""}
  4. con
    <img alt="{$language.iso_code}" height="11" alt="" src="{$img_lang_dir}{$language.id_lang}.jpg" width="16" /> {$language.name|regex_replace:"/s(.*)$/":""}
  5. Salva e sovrascrivi il file
  6. Potrebbe essere necessario cancellare la cache della propria installazione Prestashop (Parametri Avanzati > Prestazioni) e del proprio browser. (Assicurati che la voce Ricompila il template se i file sono stati modificati sia attivata)

Ultime verifiche

Nota: non dimenticare che per avere un sito ecommerce multilingua dovrai installare ed abilitare le lingue attraverso il tuo Pannello di Amministrazione > Localizzazione > Localizzazione.

Se tutto è andato bene, vedrai la lista delle lingue attive in Pannello di Amministrazione > Localizzazione > Lingue

Le immagini per le bandiere vengono caricate nella cartella la-tua-installazione/img/l/
Puoi trovare le immagini di altre bandiere al seguente indirizzo: www.famfamfam.com/lab/icons/flags/

Siamo curiosi di leggere la tua opinione!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Il rispetto della tua privacy è la nostra priorità

Il nostro sito Web utilizza cookie tecnici per permettere il corretto funzionamento e cookie di terze parti per generare report sull’utilizzo della navigazione (cookie statistici). Mostra la lista dei cookie e le finalità di utilizzo

Possiamo utilizzare, per legge, i cookie tecnici, ma hai il diritto di scegliere se abilitare o meno i cookie statistici.
Abilitando questi cookie, ci aiuti a offrirti un’esperienza migliore.