Beispielseite für Styling und HTML Elemente
Überschriften
Überschrift Elemente
Heading 1(<h1>-Element)
Heading 2(<h2>-Element)
Heading 3(<h3>-Element)
Heading 4(<h4>-Element)
CSS Klasse in Überschrift Element einfügen:
<h1 class="HIER-KLASSENNAME">Meine Überschrift</h1>
Verfügbare CSS Klassen:
- dp-rot
- dp-hauptueberschrift
- dp-fett
Überschriften mit CSS Klassen
H2 Überschrift mit "dp-hauptueberschrift" und "dp-rot"
H3 Überschrift mit "dp-fett"
Verlinkungen
Link Elemente
<a href="HIER DAS LINK ZIEL">Mein Link Text</a>
Hier noch ein "normaler Link"
>> Unser Team mit dp-rot und dp-fett <<
Link als Button
CSS Klasse in LINK Element einfügen:
<a href="HIER-DAS-ZIEL-DES-LINK(zb: https://www.droneparts.de/Drohnen/" class="HIER-KLASSENNAME">Mein Link-Text</a>
Verfügbare CSS Klassen:
- dp-rot
- dp-fett
- dp-button
Textelemente
Text Elemente & Absätze
<p>Das hier ist ein Absatz</p>
Das hier ist ein Absatz
<b>fetter Text </b>
fetter Text
<u>unterstrichen</u>
Unterstrichener TextAuch in Textelementen können CSS Klassen hinzugefügt werden:
z.b. dp-rot für roten Text
<b class="dp-rot">Mein Text</b>
ergibt: Mein Text
Verfügbare CSS Klassen:
- dp-rot
- dp-fett
Nützliche Links
Shopware Dokumentation
https://docs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten
https://docs.shopware.com/de/shopware-6-de/tutorials-und-faq/wie-gestalte-ich-meinen-shop
Themeware Theme Dokumentation
https://wiki.themeware.design/wissensdatenbank/grundwissen/erlebniswelten