Kategorie-Erlebniswelten der Demoshops nachbauen

Diese Anleitung ist in 4 Abschnitte unterteilt, diese entsprechen den Kategorien in unseren Demoshops: Höhenluft & Abenteuer, Kochlust & Provence und Handwerk & Tradition.

Höhenluft & Abenteuer

Element "Banner mit Text"

Schritt 1: Erlebniswelt bearbeiten

• Wechsel über die Hauptnavigation in den Bereich "Inhalte" => "Erlebniswelten".

• Wähle die Landingpage der entsprechenden Kategorie aus und bearbeite diese.

• Füge oberhalb der bestehenden Sektion eine neue Sektion "Volle Breite" ein.

Konfiguriere nun die neue Sektion für das Banner-Element.

• Sektionsname: Teaser

• CSS-Klassen: twt-custom-cms-element-overlay-primary twt-mt-n2

• Größenmodus: Volle Breite

Tipp: Je nach Theme kannst du die CSS-Klasse "twt-custom-cms-element-overlay-primary" druch "twt-custom-cms-element-overlay-secondary" in der Sektion ersetzen.

• Wähle als Block-Kategorie "Text" und füge dann den Block mit dem Namen "Text" per Drag & Drop zur neuen Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die folgenden Einstellungen:

  • Block-Name: Kategorie-Text

Konfiguriere nun das Element in diesem Block.

• Klicke auf den link "Datenzuordnung" oben rechts über dem Bildupload-Feld

• Wähle im Dropdown die Option "category.name" aus

• Wähle als Block-Kategorie "Text" und füge dann den Block mit dem Namen "Text" per Drag & Drop zur neuen Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die folgenden Einstellungen:

  • Block-Name: Kategorie-Beschreibung

Konfiguriere nun das Element in diesem Block.

• Klicke auf den link "Datenzuordnung" oben rechts über dem Bildupload-Feld

• Wähle im Dropdown die Option "category.description" aus

Um das Listing jetzt etwas über den Banner zu verschieben konfiguriere nun die Sektion mit dem Listing-Element.

• CSS-Klassen: twt-mt-n9 position-relative

Speicher zum Abschluss deine Änderungen der Erlebniswelt und weise diese ggf. der/den gewünschten Kategorie(n) zu.

• Wechsel über die Hauptnavigation in den Bereich "Inhalte" => "Erlebniswelten".

• Wähle die Landingpage der entsprechenden Kategorie aus und bearbeite diese.

• Füge oberhalb der bestehenden Sektion eine neue Sektion "Volle Breite" ein.

Konfiguriere nun die neue Sektion für das Banner-Element.

• Sektionsname: Highlights-Slider

• CSS-Klassen: twt-mt-n7 twt-pt-9 bg-primary

• Größenmodus: Zentrierter Inhalt

Tipp: Je nach Theme kannst du die CSS-Klasse "bg-primary" druch "bg-secondary" in der Sektion ersetzen.

• Wähle als Block-Kategorie "Text" und füge dann den Block mit dem Namen "Text" per Drag & Drop zur neuen Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die

  folgenden Einstellungen:

Konfiguriere nun das Element in diesem Block.

• Füge über den Text-Editor deine gewünschte Überschrift (z.B. "Aktuelle Highlights") hinzu.

• Wähle eine zentrierte Textausrichtung

• Wähle als Block-Kategorie "Commerce" und füge dann den Block mit dem Namen "Produkt-Slider" per Drag & Drop zur neuen Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die

  folgenden Einstellungen:

Konfiguriere nun das Element in diesem Block.

• Produkt-Zuweisung: Manuell

• Produkte: Selektiere hier die gewünschten Produkte

• Wechsel über die Hauptnavigation in den Bereich "Inhalte" => "Erlebniswelten".

• Wähle die Landingpage der entsprechenden Kategorie aus und bearbeite diese.

• Füge oberhalb der bestehenden Sektion eine neue Sektion "Volle Breite" ein.

Konfiguriere nun die neue Sektion für das Banner-Element.

• Sektionsname: SEO-Text

• Größenmodus: Zentrierter Inhalt

• Hintergrundfarbe: #fff

• Wähle als Block-Kategorie "Text" und füge dann den Block mit dem Namen "Text" per Drag & Drop zur neuen Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die folgenden Einstellungen:

  • Block-Name: SEO-Text

Konfiguriere nun das Element in diesem Block.

• Füge über den Text-Editor deinen gewünschten SEO-Text für die entsprechende Kategorie hinzu.

Speicher zum Abschluss deine Änderungen der Erlebniswelt und weise diese ggf. der/den gewünschten Kategorie(n) zu.

• Wechsel über die Hauptnavigation in den Bereich "Inhalte" => "Erlebniswelten".

• Wähle die Landingpage der entsprechenden Kategorie aus und bearbeite diese.

• Wähle als Block-Kategorie "Text" und füge dann den Block mit dem Namen "Text" per Drag & Drop zur bestehenden Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die folgenden Einstellungen:

  • Allgemein

Konfiguriere nun jedes einzelne Element in diesem Block.

• Füge über den Text-Editor den Text Navigation hinzu.

Speicher zum Abschluss deine Änderungen der Erlebniswelt und weise diese ggf. der/den gewünschten Kategorie(n) zu.

Nun werden automatisch das einer Kategorie zugewiesene Anzeigebild und die entsprechende Beschreibung in das CMS-Element geladen.

• Wechsel über die Hauptnavigation in den Bereich "Inhalte" => "Erlebniswelten".

• Wähle die Landingpage der entsprechenden Kategorie aus und bearbeite diese.

• Wähle als Block-Kategorie "Text" und füge dann den Block mit dem Namen "Text" per Drag & Drop zur bestehenden Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die folgenden Einstellungen:

  • Allgemein

Konfiguriere nun das Element in diesem Block.

• Füge über den Text-Editor deinen gewünschten SEO-Text für die entsprechende Kategorie hinzu.

Speicher zum Abschluss deine Änderungen der Erlebniswelt und weise diese ggf. der/den gewünschten Kategorie(n) zu.

• Wechsel über die Hauptnavigation in den Bereich "Inhalte" => "Erlebniswelten".

• Wähle die Landingpage der entsprechenden Kategorie aus und bearbeite diese.

• Wähle als Block-Kategorie "Text & Bild" und füge dann den Block mit dem Namen "Zwei Spalten, zentriertes Bild & Text" per Drag & Drop zur bestehenden Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die folgenden Einstellungen:

  • Allgemein

Konfiguriere nun jedes einzelne Element in diesem Block.

• Element links, Bild

  • Klicke auf den link "Datenzuordnung" oben rechts über dem Bildupload-Feld

  • Wähle im Dropdown die Option "category.media" aus

Speicher zum Abschluss deine Änderungen der Erlebniswelt und weise diese ggf. der/den gewünschten Kategorie(n) zu.

Nun werden automatisch das einer Kategorie zugewiesene Anzeigebild und die entsprechende Beschreibung in das CMS-Element geladen.

• Wechsel über die Hauptnavigation in den Bereich "Inhalte" => "Erlebniswelten".

• Wähle die Landingpage der entsprechenden Kategorie aus und bearbeite diese.

• Füge oberhalb der bestehenden Sektion eine neue Sektion "Volle Breite" ein.

Konfiguriere nun die neue Sektion für das Banner-Element.

• Sektionsname: SEO-Text

• Größenmodus: Zentrierter Inhalt

• Wähle als Block-Kategorie "Text" und füge dann den Block mit dem Namen "Text" per Drag & Drop zur neuen Sektion hinzu.

• Klicke nun den soeben hinzugefügten Block an, sodass sich rechts die Block-Einstellungen öffnen. Mache hier die folgenden Einstellungen:

  • Block-Name: SEO-Text

Konfiguriere nun das Element in diesem Block.

• Füge über den Text-Editor deinen gewünschten SEO-Text für die entsprechende Kategorie hinzu.

Speicher zum Abschluss deine Änderungen der Erlebniswelt und weise diese ggf. der/den gewünschten Kategorie(n) zu.

[Tags: Nachbau]