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. Öffnen Sie Ihr Kundenportal-Projekt, und navigieren Sie zum Menüpunkt Storefronts > Websites.
2. Klicken Sie auf Site Builder öffnen.
3. Wenn Ihre Website mehrere Seiten umfasst, wählen Sie die gewünschte Seite aus:
   1. Klicken Sie oben im Editor auf den Titel der aktuellen Seite.
   2. Wählen Sie die gewünschte Seite aus der Drop-down-Liste aus.
4. Richten Sie im Header-Block die Komponente Übersetzungen ein.
5. Wählen Sie die Sprache aus, bei der bestimmte Blöcke ausgeblendet werden sollen.
6. Fügen Sie den folgenden Code in den Block Benutzerdefinierter Code ein:

 1<script>
 2  (function () {
 3    var blockArray = [
 4      {
 5        blockName: '.block--packs',
 6        blockNumber: 0
 7      },
 8      {
 9        blockName: '.block--description',
10        blockNumber: 0
11      }
12    ];
13
14    function removeBlock() {
15      setTimeout(function () {
16        blockArray.map(function (block) {
17          return document.querySelectorAll(block.blockName)[block.blockNumber];
18        })
19          .forEach(function (element) {
20            element && element.remove();
21          });
22      }, 0);
23    }
24
25    removeBlock();
26  })();
27</script>

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

Tutorial-Video zur Anleitung:

Eigenen Code hinzufügen

1. Klicken Sie im Site Builder auf Block hinzufügen und dann auf Benutzerdefinierter Code.

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

Nützliche Links