Der ThemeWare® CMS-Block "Drei Spalten, 3-3-6" (25% | 25% | 50%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Drei Spalten, 8-2-2
Der ThemeWare® CMS-Block "Drei Spalten, 8-2-2" (ca. 66.667% | ca. 16.667% | ca. 16.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Zwei Spalten (auf Handys getauscht)
Der ThemeWare® CMS-Block "Zwei Spalten (auf Handys getauscht)" (50% | 50%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
Der CMS-Block "Zwei Spalten (auf Handys getauscht)" ist eine Variante vom CMS-Block "Zwei Spalten" (siehe ). Hier unterscheidet sich lediglich die Anordnung der beiden Spalten in mobilen Viewports. In dieser Variante wird die zweite Spalte oberhalb der ersten Spalte angeordnet und nicht darunter.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Zwei Spalten, 3-9
Der ThemeWare® CMS-Block "Zwei Spalten, 3-9" (25% | 75%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Zwei Spalten
Der ThemeWare® CMS-Block "Zwei Spalten" (50% | 50%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Der ThemeWare® CMS-Block "Drei Spalten, 2-8-2" (ca. 16.667% | ca. 66.667% | ca. 16.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Drei Spalten, 2-8-2" [Pro]
Beispiel
ThemeWare® CMS-Block "Drei Spalten, 2-8-2"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Spalten
Die ThemeWare® Spalten-Blöcke sind universelle CMS-Blöcke. In diesen Blöcken kannst du verschiedene CMS-Elemente platzieren.
Die Spalten-Blöcke haben daher keine speziellen CMS-Elemente.
Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.
Hinweis: Spalten-Blöcke findest du in der Rubrik "ThemeWare® Spalten" [Pro] bzw. in der Rubrik "Text & Bild" [Cloud]
Die ThemeWare® Spalten-Blöcke sind mit Platzhalter-Elementen befüllt. Du kannst diese Elemente durch beliebige CMS-Elemente austauschen:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Klicke auf das gewünschte Platzhalter-Element (2) um ein neues CMS-Element auszuwählen
Es öffnet sich das Pop-up "Element auswählen"
Du hast nun das CMS-Element ausgetauscht.
Aufgrund des fluiden Webdesigns von Shopware 6 gibt es keine "perfekte" oder "richtige" Bildgröße. Die Größe der einzelnen Elemente ist variabel und abhängig vom verfügbaren Platz den die Elemente haben. Der verfügbare Platz unterliegt diversen Faktoren wie dem konfigurierbaren Padding des Blocks, der konfigurierbaren Container-Breite, dem Darstellungsmodus der Erlebniswelt und natürlich durch die Fensterbreite selbst in verschiedenen Viewports bestimmt. Dadurch kann es nicht den einen Wert geben.
Wir empfehlen daher für Bild-Elemente in Spalten-Blöcken den Darstellungsmodus "Füllen". Dabei wird das Bild so skaliert und ggf. abgeschnitten, dass der Bild-Container immer vollständig ausgefüllt ist. Alternativ funktioniert auch der Darstellungsmodus "Strecken" recht gut, wenn alle Bilder einer Spalte die selbe Größe/Proportion haben.
In den Block-Einstellungen hast du die Möglichkeit CSS-Klasssen für den entsprechenden CMS-Block zu definieren.
Für die ThemeWare® Spalten-Blöcke sind folgende CSS-Klassen besonders interessant:
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Zwei Spalten, 7-5
Der ThemeWare® CMS-Block "Zwei Spalten, 7-5" (ca. 58.333% | ca. 41.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Zwei Spalten, 7-5" [Pro]
Beispiel
ThemeWare® CMS-Block "Zwei Spalten, 7-5"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Vier Spalten
Der ThemeWare® CMS-Block "Vier Spalten" (jeweils 25%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Vier Spalten" [Pro]
Beispiel
ThemeWare® CMS-Block "Vier Spalten"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Zwei Spalten, 5-7
Der ThemeWare® CMS-Block "Zwei Spalten, 5-7" (ca. 41.667% | ca. 58.333%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Zwei Spalten, 5-7" [Pro]
Beispiel
ThemeWare® CMS-Block "Zwei Spalten, 5-7"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Zwei Spalten, 4-8
Der ThemeWare® CMS-Block "Zwei Spalten, 4-8" (ca. 33.333% | ca. 66.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Zwei Spalten, 4-8" [Pro]
Beispiel
ThemeWare® CMS-Block "Zwei Spalten, 4-8"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Drei Spalten
Der ThemeWare® CMS-Block "Drei Spalten" (jeweils ca. 33.333%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Drei Spalten" [Pro]
Beispiel
ThemeWare® CMS-Block "Drei Spalten"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Sechs Spalten
Der ThemeWare® CMS-Block "Sechs Spalten" (jeweils ca. 16,667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Sechs Spalten" [Pro]
Beispiel
ThemeWare® CMS-Block "Sechs Spalten"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Zwei Spalten, 8-4
Der ThemeWare® CMS-Block "Zwei Spalten, 8-4" (ca. 66.667% | ca. 33.333%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Zwei Spalten, 8-4" [Pro]
Beispiel
ThemeWare® CMS-Block "Zwei Spalten, 8-4"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Drei Spalten, 6-3-3
Der ThemeWare® CMS-Block "Drei Spalten, 6-3-3" (50% | 25% | 25%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Drei Spalten, 6-3-3" [Pro]
Beispiel
ThemeWare® CMS-Block "Drei Spalten, 6-3-3"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Zwei Spalten, 9-3
Der ThemeWare® CMS-Block "Zwei Spalten, 9-3" (75% | 25%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Zwei Spalten, 9-3" [Pro]
Beispiel
ThemeWare® CMS-Block "Zwei Spalten, 9-3"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Sechs Spalten (Individuell)
Der ThemeWare® CMS-Block "Sechs Spalten (Individuell)" (jeweils ca. 16,667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
Hinweis: Dieser Block richtet sich an Experten die sich mit CMS-Blöcken, CMS-Elementen und dem Bootstrap Grid-System sehr gut auskennen und mit diesem Block umfangreiche individuelle Anpassungen umgehen können.
Wichtig: Bitte beachte, dass sich dieser Block derzeit in einer Testphase befindet und ggf. noch einmal geändert werden kann.
Individuelle Spaltenbreiten
Dieser Block kann die Experten-Konfiguration "CSS-Klasse (Spalte)" bestimmter CMS-Elemente berücksichtigen.
Mehr Informationen zu den CSS-Klassen findest du in der ThemeWare® Wissensdatenbank:
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Folgt...
Drei Spalten, 2-2-8
Der ThemeWare® CMS-Block "Drei Spalten, 2-2-8" (ca. 16.667% | ca. 16.667% | ca. 66.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
ThemeWare® CMS-Block "Drei Spalten, 2-2-8" [Pro]
Beispiel
ThemeWare® CMS-Block "Drei Spalten, 2-2-8"
Tipp: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe ) modifizieren.
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Drei Spalten, 3-6-3
Der ThemeWare® CMS-Block "Drei Spalten, 3-6-3" (25% | 50% | 25%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Fünf Spalten
Der ThemeWare® CMS-Block "Fünf Spalten" (jeweils 20%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
