Menü

Flaggen und Auswahl der Sprachen im Header-Bereich individualisieren und ersetzen

Administration Grundeinstellungen Übersicht
Administration Grundeinstellungen Flaggen 1 bis 20
Administration Grundeinstellungen Darstellungs-Varianten
Administration Grundeinstellungen Ausgabe-Varianten
Shopansicht Header Darstellungs-Varianten
Shopansicht Header Ausgabe-Varianten
Shopansicht Header Darstellungs-Varianten vom Popup
Shopansicht Header Ausgabe-Varianten vom Popup

Produktbeschreibung

Schnell mal eine neue Flagge oder andere Grafik zu einer Sprache einfügen? Mit diesem Modul ist das jetzt möglich. Legen Sie einen neuen Sprachshop wie gewohnt in Shopware an, mit diesem Modul kann anschließend über den ISO-Code der Sprache, eine Verknüpfung erzeugt werden, schnell, einfach und simpel. Um die Performance Ihres Shops zu verbessern, können Sie auch Base64 statt einer klassischen Grafik verwenden. Zusätzlich lässt sich die Darstellung im Header sowie dem Popup beliebig anpassen. Bieten Sie Ihren Shop-Besuchern alle verfügbaren Sprachen direkt im Header als klickbaren link an, alternativ dazu können Sie auch nur die aktive Sprache ausgeben und die restlichen als Popup anzeigen. Oder lassen Sie alle Sprachen anzeigen ohne Link und bieten Sie die Auswahl aller Sprachen als Popup mit Mausover an. Sie haben die freie Wahl! Alle Einstellmöglichkeiten können getrennt gesteuert werden, damit Sie Ihren Shop perfekt an Ihre Bedürfnisse anpassen können. Zusätzliches Feature: Die Einstellmöglichkeiten sind zwar gut aber für Ihre Einsatzzwecke doch nicht passend? Mit diesem Modul kein Problem. Sie können eigenen HTML Code getrennt für den Headerbereich und das Popup einfügen. Platzhalter ermöglichen Ihnen das Einsetzen der zugewiesenen Grafiken sowie dem Namen der Sprache.

Verfügbar im Store von Shopware

Konfiguration

Administration Einstellungen Grundeinstellungen Menü
Nach der Installation vom Modul finden Sie in den Grundeinstellungen alle Konfigurationsmöglichkeiten.

Administration Grundeinstellung Reiter der Shops
Die Reiter der Sprachen können hier ignoriert werden, diese werden automatisch durch die verschiedenen Sprachshops angelegt. Alle Einstellungen vom Modul sind für alle Sprachshops gleichermaßen gültig!

Administration Grundeinstellung drei Segmente
Die Grundeinstellungen sind in drei Segmente unterteilt.

Administration Grundeinstellung Segment Header
"Konfiguration: Sprachauswahl im Header" Hier können Sie alle Einstellungen bezüglich der Ausgabe im Header einstellen

Administration Grundeinstellung Segment Popup
"Konfiguration: Sprachauswahl im Popup" Alle Einstellungen in diesem Punkt, betreffen lediglich das Popup, also die Liste, welche auf Mouseover oder Klick vom Shop-Besucher geöffnet wird.

Administration Grundeinstellung Segment Flaggen 1 bis 20
Und "Flagge zu Sprache #1" Dieses Segment ist 20mal vorhanden. Es bietet Ihnen die Möglichkeit pro Sprache eine Grafik zu verknüpfen.

Administration Grundeinstellung Shopeinstellungen Sprachshop anlegen
Ein Sprachshop kann ganz bequem über Einstellungen -> Grundeinstellungen -> Shopeinstellungen -> Shops, angelegt werden. Achten Sie dabei auf den Shop-Typ, dieser muss auf "Sprachshop" stehen.

Administration Grundeinstellung Darstellung im Header
Der erste Konfigurationsunkt "Darstellung" im Segment "Sprachauswahl im Header" beschreibt lediglich die Darstellung im Headerbereich. Sie haben die Möglichkeit Flagge und Sprache in verschiedenen Arten vom Plugin darstellen zu lassen. Die Einstellungen sind nur für den sofort sichtbaren Headerbereich gültig, die Popupliste hat eigene Darstellungsvarianten.

Administration Grundeinstellung eigenes Style verwenden Overview
Die letzte Option "Eigenes Styling verwenden", aktiviert die Ausgabe der beiden Eingabefelder "Eigenes Style (Rahmen)" sowie "Eigenes Style (Liste)". Die beiden Eingabefelder dienen dazu, eigenen HTML Code als Ausgabe zu verwenden. Mit verschiedenen Platzhalter können Sie somit Ihre eigene Ausgabe erstellen und diese ggf. für Ihr Theme anpassen. Mehr dazu am Ende dieser Anleitung in dem Punkt "Tipps für Webmaster".

Administration Grundeinstellung Header Ausgabe nur aktive
Mit dem Konfigurationspukt "Ausgabe" haben Sie die Möglichkeit die Ausgabevariante zu definieren, basierend auf der vorher eingestellten Darstellungsvariante. Mit der Option "Nur eine Flagge/Sprache anzeigen (Aktive)" können Sie bestimmen, dass nur die aktive Flagge bzw. Sprache angezeigt wird, diese besitzt kein klickbares Element.

Administration Grundeinstellung Header Ausgabe vollständige Liste
Mit der Option "Vollständige Liste der Sprachen/Flaggen ausgeben" können Sie alle Elemente im Header darstellen. Die Elemente werden mit dieser Option ebenfalls NICHT mit einem Link versehen, sie dienen lediglich zur Übersicht, welche Sprachen in Ihrem Shop verfügbar sind. Diese Option ist ideal, wenn Sie im nächsten Segment "Sprachauswahl Popup" den Konfigurationspunkt "Aktivierung per" mit der Option "Mouseover" einstellen. In dieser Konstellation wird Ihr Shop eine Liste der Sprachen ausgeben, sobald ein Shop-Besucher mit der Maus über die Liste fährt, wird das Popup mit den klickbaren Flaggen angezeigt.

Administration Grundeinstellung Header Ausgabe vollständige Liste mit klick
Mit der Option "Vollst.... MIT klickbaren Elementen" können Sie eine Liste im Header der verfügbaren Sprachen ausgeben lassen, mit welchen der Shop-Besucher die Sprache auch direkt umschalten kann.

Administration Grundeinstellung Popup Darstellung
Genau wie bei dem Konfigurationspunkt "Darstellung" im Segment "Sprachauswahl im Header", können Sie hier definieren, welche Elemente ausgeben werde. Die hier definierten Einstellungen gelten nur für die Popupliste! Der letzte Konfigurationspunkt "Eigenes Styling verwenden", aktiviert ebenfalls die beiden Eingabefelder "Eigenes Style (Rahmen)" und "Eigenes Style (Liste)". Mehr dazu am Ende dieser Anleitung in dem Punkt "Tipps für Webmaster".

Administration Grundeinstellung Popup Ausgabe deaktiviert
Bei dem Konfigurationspunkt "Aktivierung per" können Sie einstellen, wie genau die Popupliste vom Shop-Besucher aktiviert werden kann. Die Option "Deaktiviert..." ermöglicht Ihnen die Popupliste generell abzuschalten, hierbei wird auch kein Symbol mehr angezeigt. Diese Option ist ideal, wenn Sie in dem Segment "Sprachauswahl im Header" die "Ausgabe" auf "Vollst.... MIT klickbaren Elementen" eingestellt haben. Hierbei kann der Shop-Besucher seine Auswahl direkt in der sichtbaren Liste im Header treffen.

Administration Grundeinstellung popup aktivieren per Mauseover
Die Option "Mouseover" gibt dem Shop-Besucher die Möglichkeit, die Popupliste durch einfaches überfahren mit der Maus zu aktivieren. Zu beachten ist: Der aktivierbare Rahmen wird auch über die Ausgabe im Header gelegt, sofern diese keine separaten Links zur Aktivierung aufweisen.

Administration Grundeinstellung popup aktivieren per klick
Bei der Option "Klick" muss der Shop-Besucher aktiv klicken um die Popupliste zu öffnen. Genau wie bei der Option "Mouseover" wird hier der klickbare Rahmen über die gesamte Liste im Header gelegt, sofern die Elemente keine Links beinhalten.

Administration Grundeinstellung Sprachoption ISO-Code
Tragen Sie hier den ISO-Code für die Sprache, gemäß Shopeinstellungen ein. Die nachfolgenden Bildvarianten werden dann mit dieser Sprache verknüpft und im Header sowie der Popupliste ausgegeben.

Administration Grundeinstellung Shopeinstellungen Sprachlokalisierung
Welche Sprache, welchen ISO-Code besitzt, lässt sich leicht über Einstellungen -> Grundeinstellungen -> Shopeinstellungen -> Lokalisierungen, herausfinden.

Administration Grundeinstellung Sprachoption Base64 Flagge
Bei dem Konfigurationspunkt Base64 haben Sie die Möglichkeit eine Grafik mittels Base64 direkt in den Ausgabecode zu integrieren. Diese Variante der Bilddarstellung wird bei besonders kleinen Grafiken bevorzugt, da der Browser des Shop-Besuchers kein Bild mehr separat aufrufen und laden muss. Sobald der HTML Code von Shopware an den Browser des Shop-Besuchers gesendet wurde, enthält er bereits das Bild. Diese Ladezeitverbesserung ist bei Suchmaschinen auch gerne gesehen.

Administration Grundeinstellung Sprachoption Flagge hochladen
Der Konfigurationspunkt "Media-Bild" gibt Ihnen natürlich auch die Möglichkeit wie gewohnt, bequem, Bilder über den Media-Manager hochzuladen und /oder zu verknüpfen. Beachten Sie jedoch, dass Base64 Bilder immer Vorrang haben, sobald also ein Base64 Bild-Code hinterlegt ist, wird dieser Konfigurationspunkt ignoriert.

Tipps für Webmaster

In diesem Bereich erfahren Sie wie man mit den beiden Eingabefelder "Eigenes Style (Rahmen)" sowie "Eigenes Style (Liste)" der Headerliste und der Popupliste, eigene Ausgabelisten erzeugt und welche Platzhalter es gibt.
Administration Grundeinstellung Webmaster eigenes Style
Die beiden Eingabefelder "Eigenes Style (Rahmen)" sowie "Eigenes Style (Liste)" existieren in dem Segment "Sprachauswahl Header" als auch im "Sprachauswahl Popup" Segment. Sinn ist es Ihnen die Möglichkeit zu geben, Ihre eigene Umsetzung zu schreiben, welche ggf. besser an Ihr Theme und Ihre Bedürfnisse angepasst werden kann.

Administration Grundeinstellung Webmaster eigenes Style Erklärung
Wozu braucht man überhaupt einen Rahmen und eine Liste?
Der Rahmen ist der Code, welcher in Ihr Shopsystem eingehängt wird. Innerhalb vom Rahmen wird die vollständige Liste durch einen Platzhalter eingefügt. Die Liste ist sehr entscheidend, da diese als Schleife so oft durchlaufen wird, wie es Sprachelemente in Ihrem Shop gibt. Zu beachten ist hier, dass der vollständige Code innerhalb der Liste durchlaufen und anschließend in aneinander angehängt wird.

Bitte beachten Sie jedoch: Die Platzhalter vom Header und Popup Segment sind nicht dieselben!

Folgende Platzhalter stehen für den Header zur Verfügung:

Rahmen:
##replace_ensign_pic## = Das Bild (nur der src="" Part!), nur aktiv, sofern lediglich die aktuelle Sprache ausgegeben wird.
##replace_ensign_name## = Der Name zur Sprache, nur aktiv, sofern lediglich die aktuelle Sprache ausgegeben wird.
##replace_ensign_data_list## = Vollständige Liste


Liste:
##replace_ensign_pic## = Das Bild (nur der src="" Part!)
##replace_ensign_name## = Der Name der Sprache
##replace_ensignlink_start## = Beginnt das Formular
##replace_ensignlink_end## = Ende des Formulars


Wichtiger CSS/JS Wert:
uv_fire_the_form = Sendet das Formular ab, ermöglicht somit durch klick das Aktivieren einer Sprache/Flagge.



Folgende Platzhalter stehen für das Popup zur Verfügung:

Rahmen:
##replace_ensign_data_list## = Vollständige Liste
##replace_ensign_form_start## = Beginnt das Formular
##replace_ensign_form_end## = Ende des Formulars


Liste:
##replace_ensign_id## = Sprach-ID zur internen Verarbeitung, dies muss im Code enthalten sein!
##replace_ensign_name## = Der Name der Sprache
##replace_ensign_pic## = Das Bild (nur der src="" Part!)


Wichtiger CSS/JS Wert:
uv_fire_the_popup = Sendet das Formular ab. Es wird ermittelt, wo der Klick stattfand, um die entsprechende ID aus dem LI Part zu feuern.
Administration Grundeinstellung Webmaster Beispiel Header
Hier ein Anwendungsbeispiel für eine typische Ausgabe im Header. Bitte beachten Sie, die Einstellungen aus dem Konfigurationspunkt "Ausgabe" sorgen für die Rahmenbedingungen im Eingabefeld "Eigenes Style (Liste)".
Header Rahmen:

Header Liste:

Administration Grundeinstellung Webmaster Beispiel Popup
Und hier ein Anwendungsbeispiel für eine typische Ausgabe im Popup. Anders als bei der Funktion für die permanente Header Ausgabe, sind bei dem Popup alle Daten und somit Platzhalter verfügbar.
Popup Rahmen:

Popup Liste:

instagram