Modulo Language Flags per Magento 2
- SKU
- M2-FLAGS
Descrizione / Modulo Language Flags per Magento 2
Un solo switcher per molti scenari linguistici
Kowal_LanguageFlags risolve il problema di uno switcher della lingua poco leggibile in Magento 2. Invece del classico elenco di codici store view, il cliente vede uno switcher intuitivo con bandiere, nomi delle lingue e la possibilita di passare non solo tra store views, ma anche tra websites e negozi esterni.
Questa soluzione e particolarmente utile soprattutto nei casi in cui:
- un unico negozio gestisce piu versioni linguistiche;
- mercati diversi funzionano come websites separati;
- parte del traffico deve essere indirizzata a un altra istanza Magento;
- serve un unico switcher coerente per diversi tipi di indirizzi di destinazione.
Cosa offre il modulo
- bandiere per store views;
- bandiere per altri websites nella stessa istanza Magento;
- bandiere per qualsiasi URL, ad esempio verso un negozio Magento separato;
- etichette personalizzate e abbreviazioni delle lingue;
- due varianti di visualizzazione:
dropdowneinline; - supporto per lo switcher nativo Magento e per il widget.
Vantaggi business
- riconoscimento piu rapido della versione linguistica da parte del cliente;
- meno errori nella scelta del mercato o della lingua;
- presentazione piu professionale di un negozio multilingua;
- possibilita di unire comodamente piu storefront in un unico punto di navigazione;
- implementazione piu rapida rispetto alla creazione di un componente dedicato da zero.
Vantaggi tecnici
- configurazione dal pannello amministrativo;
- compatibilita con il meccanismo nativo Magento per lo store view switch;
- un unica configurazione per lo switcher nativo e il widget;
- set predefinito di bandiere SVG pronto all uso copiato in
pub/media/language_flags/durante l installazione; - nessuna necessita di creare una tabella dati separata all avvio;
- possibilita di implementazione tramite Composer.
Set di bandiere pronto all uso
Il modulo include un set di icone SVG 24x18 pronte all uso, che possono essere copiate automaticamente in pub/media/language_flags/ durante bin/magento setup:upgrade.
Bandiere disponibili:
atAustriabeBelgiobgBulgariacyCiproczRepubblica CecadeGermaniadkDanimarcaeeEstoniaesSpagnaeuUnione EuropeafiFinlandiafrFranciagrGreciahrCroaziahuUngheriaieIrlandaitItalialtLituanialuLussemburgolvLettoniamtMaltanlPaesi BassiplPoloniaptPortogalloroRomaniaseSveziasiSloveniaskSlovacchiaukRegno UnitousStati Uniti
Per chi e pensato
Il modulo e destinato a:
- negozi Magento 2 attivi su piu mercati;
- installazioni con molte store views e websites;
- progetti in cui parte delle versioni linguistiche funziona al di fuori dello storefront principale;
- team che vogliono implementare uno switcher chiaro senza ricostruire il core di Magento.
Esempi di utilizzo
Un Magento, molte store views
Il negozio dispone delle versioni:
PLENDE
Ognuna di esse puo avere una bandiera e un etichetta dedicate.
Un Magento, molti websites
Il negozio utilizza websites separati per diversi paesi, ad esempio:
- Polonia
- Germania
- Francia
Il modulo consente di mostrare questi websites nello stesso switcher delle store views locali.
Storefront distribuiti
Alcuni mercati operano in un altra istanza Magento o sotto un altro dominio. In questo caso, Custom URL Flags consentono di aggiungerli a uno switcher comune.
Risultato dell implementazione
Il cliente ottiene uno switcher unico e coerente per lingua e mercato, mentre l amministratore puo gestirlo dalla configurazione di Magento senza creare componenti frontend aggiuntivi.
More Information
| Conformità al modello | Luma / Vuoto, Fabbro |
|---|
Istruzioni per l'installazione del modulo
# Riceverai i dati di accesso (e-mail del cliente e token di licenza) via e-mail dopo l'acquisto.
# Sono disponibili anche nel pannello cliente dopo aver effettuato l'accesso su kowal.store.
# Sostituisci TWOJ_EMAIL_KLIENTA con l'indirizzo e-mail dell'account e TWOJ_TOKEN con il token ricevuto.
composer config repositories.kowal composer https://repo.kowal.store
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'
composer require kowal/module-language-flags
bin/magento module:enable Kowal_LanguageFlags
bin/magento setup:upgrade
bin/magento cache:flush
Istruzioni per l'installazione e la configurazione del modulo Magento 2 Language Flags
Installazione
Installazione tramite Composer
Riceverai i dati di accesso al repository Composer (indirizzo e-mail del cliente e token di licenza) via e-mail dopo l'acquisto. Sono disponibili anche nel pannello cliente dopo aver effettuato l'accesso su kowal.store. Sostituisci TWOJ_EMAIL_KLIENTA con l'indirizzo e-mail del tuo account e TWOJ_TOKEN con il token ricevuto. Esegui i comandi nella directory principale di Magento.
composer config repositories.kowal composer https://repo.kowal.storecomposer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'composer require kowal/module-language-flagsbin/magento module:enable Kowal_LanguageFlagsbin/magento setup:upgradebin/magento cache:flushComandi aggiuntivi per la production mode
bin/magento setup:di:compilebin/magento setup:static-content:deploy -fbin/magento cache:flushPosizione della configurazione
Pannello di amministrazione:
Stores > Configuration > Kowal > Language FlagsWidget per l'editor CMS
Il modulo mette a disposizione il widget:
Language Flags SwitcherPuò essere inserito in:
Content > BlocksContent > Pages
Percorso nell'editor:
Edit > Insert Widget > Language Flags SwitcherIl widget supporta:
- modalità
dropdownoinline; - attivazione o nascondimento dei nomi delle lingue;
- classe CSS aggiuntiva.
Flag predefinite
Durante bin/magento setup:upgrade il modulo copia i file SVG predefiniti da:
view/frontend/web/images/flags/nella directory:
pub/media/language_flags/Vengono copiati solo i file mancanti, senza sovrascrivere le flag già esistenti.
Configurazione generale
La sezione General Settings contiene i campi che controllano il funzionamento del modulo.
Enable Module
Percorso:
language_flags/general/enabledSignificato:
Yesattiva il modulo;Nodisattiva il modulo sul frontend.
Replace Native Store View Switcher
Percorso:
language_flags/general/native_enabledSignificato:
Yessostituisce lo switcher nativo di Magento con la versione con flag;Nolascia invariato lo switcher nativo.
Native Display Mode
Percorso:
language_flags/general/native_display_modeOpzioni disponibili:
dropdowninline
Significato:
dropdownmostra l'elemento corrente e un elenco a discesa degli altri;inlinemostra subito tutte le flag su un'unica riga.
Show Language Names
Percorso:
language_flags/general/show_labelsSignificato:
Yesmostra i nomi delle lingue accanto alle flag;Nonasconde i nomi nella vista principale, ma li lascia disponibili per l'accessibilità.
Fallback to Store View Name
Percorso:
language_flags/general/fallback_to_store_nameSignificato:
Yesusa il nome della store view quandoLabelnon è stato compilato;Nousa il codice della store view in lettere maiuscole.
Inline Flag Gap (px)
Percorso:
language_flags/general/inline_gapSignificato:
- imposta la distanza tra gli elementi dello switcher in modalità
inline; - il valore è espresso in pixel;
- il valore predefinito è
8.
Icon Scale (%)
Percorso:
language_flags/general/icon_scale_percentSignificato:
100mantiene le dimensioni originali dell'immagine;- un valore più basso riduce proporzionalmente larghezza e altezza;
- scala le flag in entrambe le modalità di rendering.
Configurazione delle tabelle con le flag
Il modulo supporta tre set separati di voci:
Store View FlagsWebsite FlagsCustom URL Flags
Sul frontend le voci vengono unite in un unico set di elementi dello switcher.
Store View Flags
Percorso:
language_flags/general/flag_configScopo:
Configurazione delle flag per le store view gestite dal meccanismo nativo di Magento.
Colonne del modulo
Store Code
Seleziona la store view dall'elenco di Magento.
Significato:
- assegna la flag a una store view specifica;
- utilizza il meccanismo nativo di Magento per il cambio della store view.
Flag File
Percorso del file della flag selezionato tramite il file picker integrato.
Significato:
- definisce l'immagine visualizzata sul frontend;
- può essere salvato come
pl.svgolanguage_flags/pl.svg; - i percorsi relativi vengono risolti a partire dalla directory:
pub/media/language_flags/Label
Nome completo della lingua o del mercato, ad esempio:
PolskiEnglishDeutsch
Significato:
- viene mostrato accanto alla flag quando
Show Language Namesè attivato; - funge anche da testo di supporto per l'accessibilità.
Short Label
Etichetta abbreviata, ad esempio:
PLENDE
Significato:
- viene utilizzata in una vista più compatta;
- può essere usata al posto del nome completo.
Website Flags
Percorso:
language_flags/general/website_flag_configScopo:
Configurazione delle flag che indirizzano ad altri website nella stessa istanza Magento.
Come funziona
- il clic non esegue il
store switch postnativo; - la voce viene renderizzata come un normale link al base URL del website di destinazione;
- il website corrente non viene aggiunto come opzione separata.
Colonne del modulo
Website
Seleziona il website Magento dall'elenco.
Significato:
- definisce il website di destinazione per la voce;
- serve per recuperare l'indirizzo base dello storefront di destinazione.
Flag File
Funziona come in Store View Flags.
Label
Etichetta completa visualizzata sul frontend.
Se rimane vuota:
- il modulo userà il nome del website.
Short Label
Etichetta abbreviata, ad esempio:
UKDEFR
Se rimane vuota:
- il modulo userà il codice del website in lettere maiuscole.
Custom URL Flags
Percorso:
language_flags/general/custom_url_flag_configScopo:
Configurazione delle flag che indirizzano a qualsiasi URL, ad esempio a un'altra istanza Magento o a uno store esterno.
Colonne del modulo
URL
Indirizzo di destinazione del link.
Esempi:
https://example.de/https://en.example.com/https://shop.example.cz/
Significato:
- la voce viene renderizzata come un normale link
href; - non utilizza il meccanismo nativo di Magento per il cambio store.
Flag File
Funziona come nelle altre tabelle.
Label
Etichetta completa visualizzata sul frontend.
Se rimane vuota:
- il modulo proverà a usare l'host dall'URL.
Short Label
Etichetta abbreviata per la variante compatta.
Se rimane vuota:
- il modulo creerà un'abbreviazione sulla base dell'host;
- se non è possibile, userà il valore
URL.
Preparazione dei file delle flag
Posizione consigliata:
pub/media/language_flags/Formati consigliati:
svgpng
Esempi di nomi file:
pl.svgen.svgde.svgfr.svgFlusso di configurazione di base
- Attiva il modulo tramite
Enable Module. - Decidi se vuoi sostituire lo switcher nativo di Magento.
- Imposta
Native Display Mode. - Aggiungi i file delle flag in
pub/media/language_flags/. - Compila
Store View Flags. - Aggiungi voci opzionali in
Website Flags. - Aggiungi voci opzionali in
Custom URL Flags. - Salva la configurazione e svuota la cache.
Comandi CLI utili
bin/magento module:status Kowal_LanguageFlagsbin/magento cache:cleanbin/magento cache:flush