Language Flags-module voor Magento 2
- SKU
- M2-FLAGS
Beschrijving / Language Flags-module voor Magento 2
Eén switcher voor meerdere taalscenario's
Kowal_LanguageFlags lost het probleem op van een weinig leesbare taalwisselaar in Magento 2. In plaats van de standaardlijst met store view-codes ziet de klant een intuïtieve switcher met vlaggen, taalnamen en de mogelijkheid om niet alleen tussen store views te schakelen, maar ook tussen websites en externe winkels.
Deze oplossing is vooral nuttig waar:
- één winkel meerdere taalversies ondersteunt;
- verschillende markten als aparte websites werken;
- een deel van het verkeer naar een andere Magento-instantie moet worden gestuurd;
- één consistente switcher nodig is voor verschillende typen doeladressen.
Wat de module biedt
- vlaggen voor store views;
- vlaggen voor andere websites binnen dezelfde Magento-instantie;
- vlaggen voor willekeurige URL's, bijvoorbeeld naar een aparte Magento-winkel;
- eigen labels en verkorte taalaanduidingen;
- twee weergavevarianten:
dropdowneninline; - ondersteuning voor de native Magento-switcher en de widget.
Zakelijke voordelen
- snellere herkenning van de taalversie door de klant;
- minder fouten bij het kiezen van markt of taal;
- een professionelere presentatie van een meertalige winkel;
- de mogelijkheid om meerdere storefronts handig te combineren in één navigatiepunt;
- een kortere implementatieroute dan het vanaf nul bouwen van een dedicated component.
Technische voordelen
- configuratie vanuit het beheerpaneel;
- compatibiliteit met het native Magento-mechanisme voor de store view-switcher;
- één configuratie voor de native switcher en de widget;
- een standaardset kant-en-klare SVG-vlaggen die tijdens de installatie naar
pub/media/language_flags/wordt gekopieerd; - geen noodzaak om bij de start een aparte datatabel op te bouwen;
- mogelijkheid tot implementatie via Composer.
Kant-en-klare set vlaggen
De module bevat een set kant-en-klare SVG-iconen 24x18 die tijdens bin/magento setup:upgrade automatisch naar pub/media/language_flags/ kunnen worden gekopieerd.
Beschikbare vlaggen:
atOostenrijkbeBelgiëbgBulgarijecyCyprusczTsjechiëdeDuitslanddkDenemarkeneeEstlandesSpanjeeuEuropese UniefiFinlandfrFrankrijkgrGriekenlandhrKroatiëhuHongarijeieIerlanditItaliëltLitouwenluLuxemburglvLetlandmtMaltanlNederlandplPolenptPortugalroRoemeniëseZwedensiSloveniëskSlowakijeukVerenigd KoninkrijkusVerenigde Staten
Voor wie
De module is bedoeld voor:
- Magento 2-winkels die actief zijn op meerdere markten;
- installaties met meerdere store views en websites;
- projecten waarin een deel van de taalversies buiten de hoofdstorefront draait;
- teams die een duidelijke switcher willen implementeren zonder de Magento-core te herbouwen.
Voorbeeldtoepassingen
Eén Magento, meerdere store views
De winkel heeft versies:
PLENDE
Aan elk daarvan kan een aparte vlag en label worden toegewezen.
Eén Magento, meerdere websites
De winkel gebruikt aparte websites voor verschillende landen, bijvoorbeeld:
- Polen
- Duitsland
- Frankrijk
Met de module kunnen deze websites in dezelfde switcher worden getoond als de lokale store views.
Verspreide storefronts
Een deel van de markten draait op een andere Magento-instantie of onder een ander domein. In zo'n situatie maken Custom URL Flags het mogelijk om ze aan dezelfde gemeenschappelijke switcher toe te voegen.
Implementatieresultaat
De klant krijgt één consistente taal- en marktswitcher, en de beheerder kan deze vanuit de Magento-configuratie beheren zonder extra frontendcomponenten te maken.
More Information
| Overeenstemming met sjabloon | Luma / Blank, Smid |
|---|
Installatiehandleiding voor de module
# Je ontvangt de toegangsgegevens via e-mail na aankoop: het e-mailadres van de klant en de licentietoken.
# Ze zijn ook beschikbaar in het klantenpaneel na inloggen op kowal.store.
# Vervang TWOJ_EMAIL_KLIENTA door het e-mailadres van het account en TWOJ_TOKEN door de ontvangen token.
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
Installatie- en configuratiehandleiding voor de Magento 2 Language Flags-module
Installatie
Installatie via Composer
De toegangsgegevens voor de Composer-repository, het e-mailadres van de klant en de licentietoken, ontvang je per e-mail na aankoop. Ze zijn ook beschikbaar in het klantenpaneel na inloggen op kowal.store. Vervang TWOJ_EMAIL_KLIENTA door het e-mailadres van je account en TWOJ_TOKEN door de ontvangen token. Voer de opdrachten uit in de hoofdmap van 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:flushAanvullende opdrachten voor production mode
bin/magento setup:di:compilebin/magento setup:static-content:deploy -fbin/magento cache:flushLocatie van de configuratie
Beheerpaneel:
Stores > Configuration > Kowal > Language FlagsWidget voor de CMS-editor
De module biedt de widget:
Language Flags SwitcherJe kunt deze invoegen in:
Content > BlocksContent > Pages
Pad in de editor:
Edit > Insert Widget > Language Flags SwitcherDe widget ondersteunt:
- de modus
dropdownofinline; - het inschakelen of verbergen van taalnamen;
- een extra CSS-klasse.
Standaardvlaggen
Tijdens bin/magento setup:upgrade kopieert de module de standaard SVG-bestanden uit:
view/frontend/web/images/flags/naar de map:
pub/media/language_flags/Alleen ontbrekende bestanden worden gekopieerd, zonder bestaande vlaggen te overschrijven.
Algemene configuratie
De sectie General Settings bevat velden waarmee de werking van de module wordt beheerd.
Enable Module
Pad:
language_flags/general/enabledBetekenis:
Yesschakelt de module in;Noschakelt de module uit op de frontend.
Replace Native Store View Switcher
Pad:
language_flags/general/native_enabledBetekenis:
Yesvervangt de native Magento-switcher door een versie met vlaggen;Nolaat de native switcher ongewijzigd.
Native Display Mode
Pad:
language_flags/general/native_display_modeBeschikbare opties:
dropdowninline
Betekenis:
dropdowntoont de huidige positie en een uitklapbare lijst met de overige opties;inlinetoont alle vlaggen direct op één regel.
Show Language Names
Pad:
language_flags/general/show_labelsBetekenis:
Yestoont de taalnamen naast de vlaggen;Noverbergt de namen in de hoofdweergave, maar behoudt ze voor toegankelijkheid.
Fallback to Store View Name
Pad:
language_flags/general/fallback_to_store_nameBetekenis:
Yesgebruikt de naam van de store view wanneerLabelniet is ingevuld;Nogebruikt de code van de store view in hoofdletters.
Inline Flag Gap (px)
Pad:
language_flags/general/inline_gapBetekenis:
- stelt de afstand in tussen de elementen van de switcher in de modus
inline; - de waarde wordt berekend in pixels;
- de standaardwaarde is
8.
Icon Scale (%)
Pad:
language_flags/general/icon_scale_percentBetekenis:
100behoudt de oorspronkelijke afmetingen van de afbeelding;- een lagere waarde verkleint de breedte en hoogte proportioneel;
- schaalt de vlaggen in beide rendermodi.
Configuratie van tabellen met vlaggen
De module ondersteunt drie afzonderlijke sets vermeldingen:
Store View FlagsWebsite FlagsCustom URL Flags
Op de frontend worden de vermeldingen samengevoegd tot één set switcher-elementen.
Store View Flags
Pad:
language_flags/general/flag_configDoel:
Configuratie van vlaggen voor store views die door het native Magento-mechanisme worden ondersteund.
Formulierkolommen
Store Code
Selecteert een store view uit de Magento-lijst.
Betekenis:
- koppelt een vlag aan een specifieke store view;
- gebruikt het native mechanisme van Magento voor het wisselen van store view.
Flag File
Pad naar het vlagbestand, gekozen via de ingebouwde file picker.
Betekenis:
- bepaalt welke afbeelding op de frontend wordt weergegeven;
- kan worden opgeslagen als
pl.svgoflanguage_flags/pl.svg; - relatieve paden worden opgelost vanuit de map:
pub/media/language_flags/Label
Volledige naam van de taal of markt, bijv.:
PolskiEnglishDeutsch
Betekenis:
- wordt naast de vlag getoond wanneer
Show Language Namesis ingeschakeld; - dient ook als ondersteunende tekst voor toegankelijkheid.
Short Label
Verkorte label, bijv.:
PLENDE
Betekenis:
- wordt gebruikt in een compactere weergave;
- kan worden gebruikt in plaats van de volledige naam.
Website Flags
Pad:
language_flags/general/website_flag_configDoel:
Configuratie van vlaggen die naar andere websites binnen dezelfde Magento-instantie verwijzen.
Hoe het werkt
- een klik voert geen native
store switch postuit; - de vermelding wordt gerenderd als een gewone link naar de base URL van de doelwebsite;
- de huidige website wordt niet toegevoegd als aparte optie.
Formulierkolommen
Website
Selecteert een Magento-website uit de lijst.
Betekenis:
- bepaalt de doelwebsite voor de vermelding;
- wordt gebruikt om het basisadres van de doelstorefront op te halen.
Flag File
Werkt hetzelfde als in Store View Flags.
Label
Volledige label die op de frontend wordt weergegeven.
Als dit leeg blijft:
- gebruikt de module de naam van de website.
Short Label
Verkorte label, bijv.:
UKDEFR
Als dit leeg blijft:
- gebruikt de module de websitecode in hoofdletters.
Custom URL Flags
Pad:
language_flags/general/custom_url_flag_configDoel:
Configuratie van vlaggen die naar willekeurige URL-adressen verwijzen, bijv. naar een andere Magento-instantie of een externe winkel.
Formulierkolommen
URL
Doeladres van de link.
Voorbeelden:
https://example.de/https://en.example.com/https://shop.example.cz/
Betekenis:
- de vermelding wordt gerenderd als een gewone link
href; - maakt geen gebruik van het native store switch-mechanisme van Magento.
Flag File
Werkt hetzelfde als in de overige tabellen.
Label
Volledige label die op de frontend wordt weergegeven.
Als dit leeg blijft:
- probeert de module de host uit de URL te gebruiken.
Short Label
Verkorte label voor de compacte variant.
Als dit leeg blijft:
- bouwt de module een afkorting op basis van de host;
- als dat niet mogelijk is, gebruikt de module de waarde
URL.
Vlagbestanden voorbereiden
Aanbevolen locatie:
pub/media/language_flags/Aanbevolen formaten:
svgpng
Voorbeelden van bestandsnamen:
pl.svgen.svgde.svgfr.svgBasisconfiguratieproces
- Schakel de module in via
Enable Module. - Bepaal of je de native Magento-switcher wilt vervangen.
- Stel
Native Display Modein. - Voeg vlagbestanden toe aan
pub/media/language_flags/. - Vul
Store View Flagsin. - Voeg optionele vermeldingen toe in
Website Flags. - Voeg optionele vermeldingen toe in
Custom URL Flags. - Sla de configuratie op en wis de cache.
Handige CLI-opdrachten
bin/magento module:status Kowal_LanguageFlagsbin/magento cache:cleanbin/magento cache:flush