So zeigen Sie Inhalte in Abhängigkeit von der Sprache der Website an
So funktioniert's
Sie können Inhalte segmentieren und bestimmte Blöcke nur Benutzern anzeigen, die die Seite in einer bestimmten Sprache betrachten. Dafür ist ein benutzerdefinierter HTML-Code erforderlich. Sie können eine bestehende Lösung nutzen oder Ihren eigenen Code hinzufügen.
Wie komme ich dazu
Bestehende Lösung nutzen
- Öffnen Sie Ihr Projekt im Kundenportal.
- Klicken Sie in der Seitenleiste auf Site Builder.
- Klicken Sie auf Site Builder öffnen.
- Konfigurieren Sie im Header-Block die Komponente Übersetzungen.
- Wählen Sie die Sprache aus, für die bestimmte Blöcke ausgeblendet werden sollen.
- Fügen Sie im Block Benutzerdefinierter Code den folgenden Code ein:
Copy
- html
<script>
(function () {
var blockArray = [
{
blockName: '.block--packs',
blockNumber: 0
},
{
blockName: '.block--description',
blockNumber: 0
}
];
function removeBlock() {
setTimeout(function () {
blockArray.map(function (block) {
return document.querySelectorAll(block.blockName)[block.blockNumber];
})
.forEach(function (element) {
element && element.remove();
});
}, 0);
}
removeBlock();
})();
</script>
- Modifizieren Sie im Array
blockArray
die folgenden Parameter für jeden auszublendenden Block in jeder gewählten Sprache:blockName
: Name der CSS-Klasse des Blocks. Möglich sind:- .block--header (Header-Block)
- .block--hero (Call-To-Action-Block)
- .block--html (Benutzerdefinierter Code-Block)
- .block--packs (Pakete-Block)
- .block--description (Beschreibung-Block)
- .block--gallery (Galerie-Block)
- .block--requirements (Systemanforderungen-Block)
- .block--faq (FAQs-Block)
- .block--embed ( Social-Media-Widgets-Block)
- .block--news (Neuigkeiten-Block)
- .block--footer (Footer-Block)
blockNumber
: Fortlaufende Nummer des Blocks. Der Mindestwert istblockNumber
.
- Klicken Sie auf Vorschau, um sich die Änderungen anzeigen zu lassen.
Tutorial-Video zur Anleitung:
Eigenen Code hinzufügen
- Klicken Sie im Site Builder auf Block hinzufügen und dann auf Benutzerdefinierter Code.
- Fügen Sie Ihren eigenen Code in den Block ein.
War dieser Artikel hilfreich?
Vielen Dank für Ihr Feedback!
Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.Nützliche Links
Letztmalig aktualisiert: 26. März 2024Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.