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 shop- und web to date als je zuvor. Wie die „normalen Aufmacher“ dargestellt werden sehen Sie hier .

Aufgrund des Grid-Systems des Designs sind 2, 3, 4, 6 oder 12 spaltige Aufmacher möglich, die als „einspaltiger Aufmacher“ angelegt wurden. Zusätzlich ist es Möglich die Ausrichtung 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 der folgenden Button-Stile möglich (abhängig von der gewählten Variante).

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 sit 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-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</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>

einspaltiger Aufmacherin Spalten geteilt

keine Variante

Beschreiben Sie Ihr Produkt hier so päzise wie möglich. Denken Sie daran, dass Ihr Kunde bei seiner Kaufentscheidung das Produkt nicht haptisch prüfen kann. Verwenden Sie die Funktion "neuer Absatz...
999,99 EUR [keineVariante] (incl. 0% USt. zzgl. Versand)

Variante

Beschreiben Sie Ihr Produkt hier so päzise wie möglich. Denken Sie daran, dass Ihr Kunde bei seiner Kaufentscheidung das Produkt nicht haptisch prüfen kann.
239,95 EUR [variante] (incl. 19% USt. zzgl. Versand)

mehr Infos...

Kombination

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
299,95 EUR [kombination] (incl. 19% USt. zzgl. Versand)

Muster (Kunde)

mehr Infos...

Muster (Größe)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
249,95 EUR [muster-groesse] (incl. 19% USt. zzgl. Versand)

mehr Infos...

Gutschein 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget sollicitudin enim, non vestibulum lorem. Sed auctor sapien leo, vitae sagittis diam vulputate ac. Pellentesque commodo est qu...
20,00 EUR [gutschein-1] (incl. 19% USt. zzgl. Versand)

Lager-Online

Dies ist der Musterkurztext, der über die Aufmacher in der Produktliste angezeigt wird. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
109,00 EUR [bestandonline] (incl. 19% USt. zzgl. Versand)