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

  1. Rufen Sie im Kundenportal den Website-Baukasten auf.
  2. Konfigurieren Sie im Header-Block die Komponente Übersetzungen.
  3. Wählen Sie die Sprachen aus, für die bestimmte Blöcke ausgeblendet werden sollen.
  4. Fügen Sie folgenden Code im Block Benutzerdefinierter Code ein:

Copy
Full screen
Small screen
<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>

  1. 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 ist blockNumber.
  2. Klicken Sie auf Vorschau, um sich die Änderungen anzeigen zu lassen.

Tutorial-Video zur Anleitung:


Eigenen Code hinzufügen

  1. Klicken Sie im Website-Baukasten auf Block hinzufügen und dann auf Benutzerdefinierter Code.

  1. Fügen Sie Ihren eigenen Code in den Block ein.

War dieser Artikel hilfreich?
Vielen Dank!
Gibt es etwas, das wir verbessern können? Nachricht
Das tut uns leid
Bitte erläutern Sie, weshalb dieser Artikel nicht hilfreich ist. Nachricht
Vielen Dank für Ihr Feedback!
Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.
Diese Seite bewerten
Diese Seite bewerten
Gibt es etwas, das wir verbessern können?

Jetzt nicht

Vielen Dank für Ihr Feedback!

Nützliche Links

Letztmalig aktualisiert: 20. Juli 2021

Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.

Problem melden
Wir überprüfen unsere Inhalte ständig. Ihr Feedback hilft uns, sie zu verbessern.
Geben Sie eine E-Mail-Adresse an, damit wir Sie erreichen können
Vielen Dank für Ihr Feedback!