Navigation

ThemeWare® Wissensdatenbank

Responsive Erlebniswelten erstellen

Ab Shopware 6.4.19.0 kannst du die Sichtbarkeit von Sektionen und Blöcken ganz einfach im Erlebniswelt-Editor einstellen.

1. Erlebniswelt bearbeiten

  1. Wechsel über die Hauptnavigation in die Erlebniswelt-Verwaltung ("Inhalte" => "Erlebniswelten")
  2. Klicke auf die gewünschte Erlebniswelt um diese zu bearbeiten
  3. Die Erlebniswelt öffnet sich nun im Erlebniswelt-Editor

2. Sektion bearbeiten

  1. Klicke auf den Button Responsive Erlebniswelten erstellen, Abbildung 5 oben links in der CMS-Sektion die du bearbeiten möchtest (1)
  2. Die Sektion-Einstellungen öffnen sich rechts im Fenster (2)
  3. Öffne den Abschnitt "Sichtbarkeit" (3)
Sektion-Einstellungen

Sektion-Einstellungen

2. Block bearbeiten

  1. Klicke auf CMS-Block den du bearbeiten möchtest (1)
  2. Die Block-Einstellungen öffnen sich rechts im Fenster (2)
  3. Öffne den Abschnitt "Sichtbarkeit" (3)
Block-Einstellungen

Block-Einstellungen

3. Sichtbarkeit

Im Abschnitt "Sichtbarkeit" (3) kannst du die Sektion bzw. den Block nun für drei Viewports konfigurieren (4).

Mobil0 px bis 767 pxadmin--cms-visability-mobile.png
Tablet768 px bis 991 pxadmin--cms-visability-tablet.png
Desktopab 992 pxadmin--cms-visability-desktop.png

Im Editor werden unsichtbare CMS-Sektionen bzw. CMS-Blöcke "eingeklappt".

  • Mit einem Klick auf den Link "Sektion einklappen" bzw. "Sektion ausklappen" (5) kannst du eine unsichtbare CMS-Sektion ein-/ausklappen um sie zu bearbeiten.
  • Mit einem Klick auf den Link "Block einklappen" bzw. "Block ausklappen" (5) kannst du einen unsichtbaren CMS-Block ein-/ausklappen um ihn zu bearbeiten.
Unsichtbare CMS-Sektion

Unsichtbare CMS-Sektion

Unsichtbarer CMS-Block

Unsichtbarer CMS-Block

Hinweis: Beachte das Shopware hierbei lediglich eine CSS-Klasse an der Sektion bzw. dem Block ergänzt. Das Element ist also lediglich unsichtbar, der HTML-Code ist nach wie vor in der Storefront vorhanden.

Tipp: Bis Shopware mehr Viewports erlaubt, bieten dir die Bootstrap CSS-Klassen von ThemeWare® weitere Konfigurationsmöglichkeiten für die Sichtbarkeit von CMS-Sektionen und CMS-Blöcken: siehe Responsive Erlebniswelten mit Bootstrap

Zuletzt aktualisiert am

Diese Seite im Netz: /wiki/wissensdatenbank/anleitungen/erlebniswelten/responsive-erlebniswelten · ThemeWare® Service Portal, service.themeware.design