DesignSurface Plugin

Mit dem DesignSurface Plugin integrierst du ein modernes Gestaltungselement in deine alphaNEXT Website. Dieses Seitenelement vereint Text und Bild zu einem modernen Element, was auf Wunsch auch auf ganzer Breite des Bildschirms dargestellt werden kann.

Informationsstand

alphaNEXT v3.2.3

Plugin v1.0.2

Stand: 03/2023

HINWEIS! Soll das Seitenelement im Frontend auf ganzer Breite dargestellt werden, kannst du im Grid auf das Augen-Icon klicken und dort auf der rechten Seite (Fullwidth Content - FWC) die Option "Breite des Seitenelements" auf "Volle Bildschirmbreite" umstellen.

1. Status

Der Status legt fest ob dieses Seitenelement sichtbar oder unsichtbar ist.


2. Hintergrund-Typ

Der Typ legt fest ob du eine Farbfläche oder ein Hintergrundbild aus deiner Mediathek anzeigen möchtest. Je nach Auswahl erscheinen am unteren Ende des Seitenelement neue Auswahlmöglichkeiten.


3. Elementhöhe

Damit das Element später im Frontend die passende Größe hat, muss an dieser Stelle eine Höhe in Pixeln (px) angegeben werden. Wird kein Wert eingetragen hinterlegt das Plugin automatisch einen Standardwert von 550px.


4. Darstellungsart

Mit dieser Option kann gewählt werden wie der Text auf der Farbfläche bzw. dem Hintergrundbild platziert werden soll.


5. Text

Dieser Text wird später im Frontend an der Stelle platziert, wie du es bei Option 4 eingestellt hast.


6. Hintergrundfarbe der Textbox

Optional kannst du nach dem Klick auf diesen Button eine Hintergrundfarbe speziell für die Textbox hinterlegen, die im Frontend auf deiner Farbfläche/deinem Hintergrundbild angezeigt wird.

DesignSurface verwalten

DesignSurface verwalten

Hintergrundbild wählen

Sofern du den Typ "Hintergrundbild" gewählt hast, werden am unteren Ende des Seitenelements zwei neue Felder angezeigt, mit denen du zum einen ein neues Bild hochladen oder aber mit dem Button "Datei aus Mediathek wählen", ein bestehendes Bild aus deiner Mediathek auswählen kannst.

DesignSurface - Hintergrundbild wählen

DesignSurface - Hintergrundbild wählen

Farbfläche wählen

Sofern du den Typ "Farbfläche" gewählt hast, kannst du am unteren Ende des Seitenelements mit dem Farbwähler eine Farbe auswählen, die für das Seitenelement im Frontend genutzt werden soll.

DesignSurface - Farbfläche wählen

DesignSurface - Farbfläche wählen