Mit dem Revealer Drop kannst du Inhalte die viel Platz einnehmen nur bis zu einer bestimmten Hhe anzeigen und somit anteasern. Auf Klick kann der Inhalt dann komplett aufgeklappt werden.
Zustzlich hast du die Mglichkeit Inhalte auch wieder zusammenzuklappen oder den Revealer im Ursprungszustand bereits aufgeklappt zu halten.
Einstellungen
Allgemein
In diesem Einstellungsreiter findest du grundlegende Einstellungen fr den Revealer.
Inhalt
Hier kannst du den Inhalt deines Revealer Drops eingeben und diesen mit
HTML
formatieren. Mehr Informationen zum HTML Control
findest du in unserem Wiki.
Die Templatesprache
Smarty
kannst du ebenfalls im HTML Control verwenden. Wenn du Smarty bentigst, achte darauf, dass du in den Einstellungen auch die Option
Smarty evaluieren
gesetzt hast. Im Standard ist diese Option deaktiviert.
Smarty evaluieren?
Mchtest du
Smarty
verwenden, um bspw. auf Templatevariablen zuzugreifen, muss diese Option aktiviert sein. Das kann sich jedoch auf die Performance deines Shops auswirken. Bitte lies hierzu die
ausfhrlichen Informationen in unserem Wiki!
Ursprungszustand
Lege mit dieser Einstellung fest ob der Revealer standardmig zugeklappt oder bereits aufgeklappt sein soll.
Zusammenklappen ermglichen?
Mit dieser Einstellung ist das Zusammenklappen eines aufgeklappten Inhalt mglich.
Darstellung
In diesem Reiter kannst du die Darstellung des Revealers anpassen.
Hhe
Lege hier fest bis zu welcher Hhe der Revealer zusammengeklappt werden soll. Du kannst unterschiedliche Einheiten wie px, rem usw. whlen.
ber die Einheit
Seitenverhltnis
kannst du ein festes Seitenverhltnis vorgeben, was z.B. fr Bildinhalte sehr praktisch sein kann.
Bitte beachte dass wenn die hier eingestellte Hhe grer als die Hhe des Inhalts ist, die Buttons zum Ein- oder Ausklappen automatisch ausgeblendet werden.
Hhe des Verlaufs
Hier kannst du bestimmen wie weit der Fade-Out Effekt in den Inhalt hineinragen soll.
Breitenbestimmung
Manchmal hast du Inhalte die nicht die komplett verfgbare Breite des Elternelements ausfllen. Whle
Inhalt
falls der Revealer nur die Breite seines Inhalts annehmen soll.
Whle
Container
wenn der Revealer ber die komplett verfgbare Breite des Elternelements gespannt werden soll.
Animationsdauer
Mit dieser Einstellung legst du den Zeitrahmen fest bis der Inhalt komplett aufgeklappt ist.
Hintergrundfarbe
Du kannst dem Revealer eine Hintergrundfarbe geben. Der Hintergrund liegt dann auch hinter dem Aufklappen-Button.
Innenabstand
Gerade im Zusammenspiel mit Hintergrundfarbe kann es von Vorteil sein Innenabstnde zu setzen, damit der Inhalt nicht am Rand klebt.
CSS-Klasse(n)
Hier kannst du dem Revealer weitere von dir festgelegte CSS Klassen vergeben um z.B. sein Styling anzupassen. Separiere mehrere Klassen mit einem Leerzeichen, z.B.
class1 class2.
Button
In diesem Einstellungsreiter kannst du das Erscheinungsbild des Auf- bzw. Zuklappen-Buttons festlegen.
Position
Bestimme hier die horizontale Ausrichtung des Buttons.
Button Stil
Lege fest welches Aussehen der Button haben soll. Die Stile orientieren sich an den Button-Stilen deines Templates (Bootstrap CSS).
Aufklappen Icon, Zuklappen Icon
Whle hier Icons fr die unterschiedlichen Button-Zustnde aus.
Aufklappen Label, Zuklappen Label
Hier kannst du die Texte in den Buttons verndern. Bitte beachte dass dieses Feld mehrsprachig ist.
