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.

Damit hochgeladene Bilder von jedem

Cover Image

Im Feld image können wir ein Bild hochladen. Im Feld Description eine Beschreibung. Diese wird aber nur angezeigt wenn das Bild in Image nicht angezeigt werden kann.

image.png

Auf der Webseite

image.png

 

Discussions

image.png

image.png

image.png

Once "Post" is clicked I am not sure what happens to it :)

Full Width Image

image.png

Auf der Webseite

image.png

 

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

Markdown

 

image.png

 

image.png

Auf der Webseite

image.png

Product Card

image.png

 

image.png

Product Category Cards

image.png

image.png

Die Artikelgruppen sind klickbar. Damit diese ein Ziel haben müssen wir entsprechende Seiten anlegen

image.png

Section with Cards

image-1632349069201.png

Section with CTA

 

image-1632347163483.png

Section with Collapsible Content

image-1632348304448.png

Section with Embed

image.png

the embed HTML code for the following screen is

<embed src="/files/erpnext.png" width="250" height="200" />

image.png

 

Section with Features

image-1632398752890.png

Section with Image

image.png

Auf der Webseite

image.png

Section with Image Grid

image.png

Auf der Webseite

image.png

Section with Small CTA

image-1632347284884.png

Leider ohne Konfeti :(

Section with Tabs

image-1641131865210.png

Auf der Webseite

image-1641131850624.png

Section with Testimonials

image.png

Auf der Webseite

image.png

 

Section with Videos

image.png

Auf der Webseite

image.png

 

Slideshow

image.png

image.png

Auf der Webseite

image.png

Split Section with Image

image-1640470150633.png

Das Feld Split Columns bestimmt dabei das Verhältnis von Bild zu Text

image-1640470284258.png

image-1640470353994.png

image-1640470415922.png

Auf der Webseite

image-1640470118505.png

Testimonial

image-1632351627836.png

nach oben