tüit Logo Direkt zum Hauptinhalt

Seitenbausteine (Web Template)

Einleitung

Seitenbausteine sind vorgefertigte Elemente welche für Webseiten in ERPNext verwendet werden können. Dieser DocType ist Teil des frappe Frameworks und im Modul Webseite zu finden.

Bei der Installation werden schon eine vielzahl an Seitenbausteine bereitgestellt mit welchen wir schon einiges anstellen können um unserer Seite ein eigenes Aussehen zu geben.

Hier folgend sehen wir einige Beispiele und wie sie auf unserer Webseite später zu sehen sind.

Item Card Group

Diese Vorlage gibt die Möglichkeit bis zu 12 Karten auf unserer Webseite anzuzeigen welche direkt zu einem dahinterliegenden Artikel führen.

image-1632346402972.png

Auf der Webseite

image-1632346483974.png

Hero

image-1640469890474.png

Auf der Webseite

image-1640469866817.png

Hero Slider

folgt...

Auf der Webseite

Hero with Right Image

Auf der Webseite

image-1640469410536.png

Section with Cards

image-1632349069201.png

Section with CTA

image-1632347163483.png

Section with Collapsible Content

image.png

image-1632348304448.png

Section with Features

image-1632398752890.png

Section with Small CTA

image-1632347284884.png

Leider ohne Konfeti :(

Section with Tabs

image-1641131865210.png

Auf der Webseite

image-1641131850624.png

Split Section with Image

Feldbezeichnung
Erklärung
Bezeichnung

image.png

Inhalt

image.png

Bild
Upload option für ein Bild das verwendet werden soll.

Achtung, muss auf "öffentlich" stehen, damit es jeder auf der Webseite sehen kann!

image.png

Image on Right
Bestimmt ob das Bild links order rechts (wie im Bild zuvor) platziert wird
Link Label

Der Titel für einen Link den wir einbauen können ohne HTML zu nutzen

image.png

Link URL
Zielpfad für den klickbaren Link Label
Split Columns

Auswahl welches Verhältnis die Bildseite und die Textseite zu einander haben sollen.

  • 3 columns - 9 columns
  • 4 columns - 8 columns
  • 5 columns - 7 columns
  • 6 columns - 6 columns
  • 7 columns - 5 columns
  • 8 columns - 4 columns
  • 9 columns - 3 columns

image-1640470353994.png

image-1640470415922.png

Vertical Align

Auswahl aus

  • oben
  • mitte

image.png

Ergebnis auf der Webseite

image-1640470118505.png

Testimonial

image-1632351627836.png