#2189 Bilder in CMS-Blöcken mit Dekorationsklassen verschönern
ThemeWare® bietet dir diverse CSS-"Dekorations"-Klassen für Bilder in CMS-Blöcken zur Verfügung. Auf dieser Seite stellen wir dir die Klassen vor.
Tipp: Wie du die CSS-Klassen einfügst erfährst du in unserem Artikel "ThemeWare® CSS-Klassen für Erlebniswelten" (Link siehe unten).
Anwendungsbeispiele findest du in unseren Demoshops: Demos
ThemeWare® CMS-Dekorationen für Bilder
Rahmen
| Klasse | Bereich | Funktionsbeschreibung |
|---|---|---|
| twt-cms-image-border bzw. twt-cms-image-border-solid | Block | Fügt Bildern in einem CMS-Block einen 12px dicken Rahmen hinzu. [ab ThemeWare® 0.3.4] |
| twt-cms-image-border-semi | Block | Fügt Bildern in einem CMS-Block einen 12px dicken, halbtransparenten Rahmen hinzu. [ab ThemeWare® 0.3.4] |
Beispiel:
Schatten (Bootstrap style)
| Klasse | Bereich | Funktionsbeschreibung |
|---|---|---|
| twt-cms-image-box-shadow-sm | Block | Fügt Bildern in einem CMS-Block einen dezenten Schlagschatten hinzu. [ab ThemeWare® 0.3.4] |
| twt-cms-image-box-shadow | Block | Fügt Bildern in einem CMS-Block einen Schlagschatten hinzu. [ab ThemeWare® 0.3.4] |
| twt-cms-image-box-shadow-lg | Block |
Fügt Bildern in einem CMS-Block einen auffälligen Schlagschatten hinzu. [ab ThemeWare® 0.3.4] |
Beispiel:
Schatten (ThemeWare® style)
| Klasse | Bereich | Funktionsbeschreibung |
|---|---|---|
| twt-cms-image-box-shadow-level-1 | Block | Fügt Bildern in einem CMS-Block einen Schlagschatten hinzu. [ab ThemeWare® 0.3.4] |
| twt-cms-image-box-shadow-level-2 | Block | Fügt Bildern in einem CMS-Block einen Schlagschatten hinzu. [ab ThemeWare® 0.3.4] |
| twt-cms-image-box-shadow-level-3 | Block | Fügt Bildern in einem CMS-Block einen Schlagschatten hinzu. [ab ThemeWare® 0.3.4] |
| twt-cms-image-box-shadow-level-4 | Block | Fügt Bildern in einem CMS-Block einen Schlagschatten hinzu. [ab ThemeWare® 0.3.4] |
| twt-cms-image-box-shadow-level-5 | Block | Fügt Bildern in einem CMS-Block einen Schlagschatten hinzu. [ab ThemeWare® 0.3.4] |
Border-radius
| Klasse | Bereich | Funktionsbeschreibung |
|---|---|---|
| twt-cms-image-rounded | Block | Rundet Bilder in einem CMS-Block ab. [ab ThemeWare® 0.3.4] |
Beispiel:
Weiterführende Links:
- ThemeWare® Video-Tutorial: "Erlebniswelten verstehen"
- Anleitung: "ThemeWare® CSS-Klassen für Erlebniswelten"
Bitte teile uns deine Meinung mit!
Lösung nicht gefunden?
Bitte sieh auch in den anderen Kategorien nach.
Fehler nicht gelöst?
Wenn du das Problem nicht mit den häufigsten Fehlern lösen konntest, starte die individuelle Fehlerbehebung. Hierüber kannst du auch ein Support-Ticket eröffnen, falls du den Fehler nicht selber beheben kannst.
Lösung nicht gefunden?
Bitte sieh auch in den anderen Kategorien nach.
Einführung Anleitungen Handbuch Profiwissen Häufige Fragen Häufige Fehler Shopware allgemein
Fehler nicht gelöst?
Wenn du das Problem nicht mit den häufigsten Fehlern lösen konntest, starte die individuelle Fehlerbehebung. Hierüber kannst du auch ein Support-Ticket eröffnen, falls du den Fehler nicht selber beheben kannst.