Image Text Block

Demo Page

Dies ist eine Demo Page, die verschiedene Wagtail Blöcke vorstellen und eine kleine Übersicht darüber geben soll, wie die Blöcke im Frontend aussehen. Ausserdem kann die Seite als ein kleiner Spickzettel dienen, bei dem man einige Einstellungen später nochmal nachsehen kann.

Es gibt folgende Blöcke

Image Text Block
Rich Text Block
Title Block
Image Block
Gallery Block
Spacer Block (für die Abstände zwischen den Blöcken
Multi Column Block
Tile Block
Form Block
Map Block
Product Teaser Block
Product List Block.

Hoffentlich kann diese Seite eine gute Übersicht geben.

Dies ist ein Rich Text Block. Darin lassen sich auch externe Seiten, interne Seiten oder Dokumente verlinken. Man kann auch Email-Adressen oder Telefonnummern mit einem Link versehen.

Auch Bilder können hier eingebunden werden.

Title Block H1

Title Block H2

Title Block H3

Title Block H4

Image Block

Image Gallery Block

Map Block

Button Block

zu einer externen Website (z.B. Google Maps)
zu einer internen Seite (z.B. zum Shop)
zu einem Dokument (z.B. Dokumentation)

Multi Column Block

Spalte 1

Hier kann ein Titel stehen, ein Rich Text, ein Button, ein Bild oder auch ein sogenannter "Tile Block".

Spalte 2

Dies ist eine 33% - 33% - 33% Aufteilung der Spalten. Folgende Kombinationen sind im Multi Column Block möglich:

33% - 33% - 33%
67% - 33%
33% - 67%

In diesen Spalten können verschiedene Inhaltsblöcke hinzugefügt werden.

Spalte 3

Tile Block

Der "Tile Block" kann nur in einem Multi Column Block verwendet werden, der die Aufteilung 33%-33%-33% hat. Er ist als eine Art "Kachel" gedacht, der auf eine externe oder interne Seite oder auf ein Dokument verlinkt. Er kann einen dunklen oder orangenen Hintergrund haben, oder man kann ein Bild als Hintergrund setzen.

Tile Dunkel

Tile Orange

Tile Bild

Form Block

Um ein Formular auf einer Seit hinzuzufügen, muss in Wagtail links im Bereich "Forms" zunächst ein Formular erstellt werden. Dort können die gewünschten Eingabefelder hinzugefügt werden. Ausserdem kann auch definiert werden, wohin das Formular per Mail geschickt wird und welcher Text als Rückmeldung nach Absenden des Formulars angezeigt wird. Anschliessen kann man dann auf der Seite, auf der das Formular erscheinen soll, einen "Form Block" hinzufügen und das richtige Formular auswählen.

Product Teaser Block

Wenn ein bestimmtes Produkt vorgestellt werden soll, kann ein Product Teaser Block hinzugefügt werden. In Wagtail wird dann ein bestimmtes Produkt ausgewählt. Auf der Website wird dann das Bild und die Beschreibung dieses Produkts dargestellt. Wenn man darauf klickt, kommt man automatisch zur Detailseite des Produkts.

selbstklebend

700.710

BB-S&P Carbophalt 1.95

Der Glasfaserverbundstoff BB-GP-SK besteht aus einer selbstklebenden Polymerbitumenbahn mit einem Glasfasernetz und einer Glasvliesstoffeinlage. Unterseitig ist BB-GP-SK mit einer abziehbaren Trennfolie versehen, oberseitig mit Quarzsand bestreut. Durch BB-GP-SK wird die bewehrende Funktion hochmoduler Glasfasern mit der abdichtenden Funktion der Bitumenbahn gekoppelt. HCP-Voranstriche sind nicht geeignet als Haftbrücke.

Product List Block

Der Product List Block ist eine Liste aller in Saleor angelegten Produktvariante. Die Filter werden automatisch hinzugefügt. Beim Klick auf eines der Produkte wird die Detailansicht angezeigt.