Darstellung eines 4-spaltigen Aufmachers

Dieser Aufmacher wurde als einspaltiger Aufmacher angelegt. Durch eine erweiterte Eigenschaft wird dieser in Spalten aufgeteilt. Somit bietet Ihnen der Aufmacher noch mehr Möglichkeiten in Siquand Shop- und Web als je zuvor. Wie die „normalen Aufmacher“ dargestellt werden sehen Sie hier .

Das Design ermöglicht es Ihnen Aufmacher, die als „einspaltiger Aufmacher“ angelegt wurden, in Spalten zu teilen. In den erweiterten Eigenschaften des Aufmachers können Sie dafür einen Wert von 1 bis 6 angeben. Neu ist, dass Sie nun auch einen 5-spaltigen Aufmacher erstellen können. Zusätzlich ist es Möglich die Ausrichtung und Größe der Nummerierungen pro Aufmacher zu wählen und für die weiterführenden Links können Sie Klassen vergeben, damit ist die Erstellung verschiedener Button-Stile möglich (abhängig von der gewählten Variante) und des von Ihnen gewählten Button-Typs.

Ein Aufmacher mit 2 Spalten könnte natürlich auch über die normale Aufmacherfunktion in 2 Spalten geteilt werden, aber die Konfiguration ist aufwendiger. Außerdem wird bei der Erstellung über den einspaltigen Aufmacher das Bild in der maximal zur Verfügung stehenden Breite generiert.

Für die Darstellung wurde der folgende Code verwendet für Sie als Anwender des Bootstrap-Designs ist nur der Inhalt von class="" wichtig. Die Eingabe von btn btn-primary bei der erweiterten Eigenschaft bewirkt also die Darstellung eines blauen Buttons beziehungsweise Links.

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-default">Default</button>;

Zusätzlich kann die Höhe der Schaltfläche bestimmt werden. Möglich sind btn-lg große Schaltfläche, btn-sm kleine Schaltfläche und btn-cx für eine sehr kleine Schaltfläche.

<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-primary">Default button</button>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-primary btn-xs">Mini button</button>

Mit der Klasse btn-block nimmt der Button im Übrigen die komplette Breite des Aufmacher-Elementes ein.

Standard Größe mit der Klasse btn-block