Icon Box

Mit dem Widget «Icon Box» können Sie Ihren Besuchern übersichtlich Informationen anzeigen. Dabei können Sie nach Wunsch auch einen Button verlinken und Farben definieren.

Voraussetzungen

Keine.

Beispiel einer Icon Box

Icon Box in Seite einfügen

Um das Widget «Icon Box» auf einer beliebigen Seite Ihrer Wahl einzufügen, sind die folgenden Schritte notwendig: 

1. Gehen Sie zu CMS>Site Editor. Sofern Sie sich noch nicht auf der gewünschten Seite befinden, gehen Sie zu Seite>Seitenstruktur und klicken Sie rechts auf das Pfeil-Symbol der gewünschten Seite.
2. Klicken Sie auf «Widgets einfügen». Daraufhin sind alle verfügbaren Widgets zu sehen. Sie können nach Widgets suchen, filtern oder direkt ein Widget aus der Gesamtauswahl nutzen. In unserem Fall wäre das das Widget «Icon Box».
3. Per Drag & Drop können Sie das Widget an die gewünschte Stelle ziehen. Platzieren Sie den Mauszeiger auf das Widget, halten Sie die rechte Maustaste gedrückt und ziehen Sie das Widget an die gewünschte Stelle. Lassen Sie die rechte Maustaste los, wenn Sie einen blauen Balken sehen.
   

Icon Box in Footer einbauen

Sie haben auch die Möglichkeit, das Widget «Icon Box» seitenübergreifend im Footer einzubauen:

1. Gehen Sie zu CMS>Template Manager und klicken Sie auf das Bleistift-Symbol von demjenigen Template, das Sie bearbeiten wollen.
2. Klicken Sie bei «Brick-Positionen» auf «bearbeiten».
3. Per Drag & Drop können Sie das Widget an die gewünschte Stelle ziehen. Platzieren Sie den Mauszeiger auf das Widget, halten Sie die rechte Maustaste gedrückt und ziehen Sie das Widget an die gewünschte Stelle. Lassen Sie die rechte Maustaste los, wenn Sie einen blauen Balken sehen.

Funktionen des Icon Box-Widgets

Das Widget «Icon Box» beinhaltet Funktionen, die Sie in den Widget-Einstellungen bearbeiten können. Sie gelangen folgendermassen zu diesen:

1. Site Editor: Gehen Sie mit dem Mauszeiger auf das entsprechende Widget, drücken Sie die linke Maustaste und klicken Sie dann auf «Widget bearbeiten».
2. Brick-Positionen bearbeiten: Klicken Sie auf das Beistift-Symbol des entsprechenden Widgets.

Einträge bearbeiten/ erstellen

Drücken Sie die Schaltfläche «Neuer Eintrag», um ein neues Bild hinzuzufügen. Klicken Sie auf das Bleistift-Symbol, um bestehende Bilder zu bearbeiten bzw. zu löschen.

Icon: Geben Sie hier die gewünschte Icon-Bezeichnung ein. 

Titel: Geben Sie optional einen aussagekräftigen Titel für die Icon Box ein.

Text: Hier können Sie optional einen Text eintragen, der dann als Text zu sehen ist. 

Button: Geben Sie hier den Text ein, der auf dem Button zu sehen sein soll.

Link: Beim Link können Sie optional einen Link zu den folgenden Zielen angeben:

• Kategorie aus dem Shop
• Produkt aus dem Shop
• Blog-Beitrag
• Link auf CMS Seite
• Jobs-Stelle
• Link auf eine Datei
• Generierte Kategorie aus dem Shop
• Externer Web-Link

Sortierung: Mit der Sortierung können Sie die Reihenfolge bestimmen, an welcher das Bild angezeigt wird.

Farbe: Hier können Sie einen RGB-Wert oder einen Hex-Code eines Farbtons eingeben, in welchem dann das Icon erscheinen soll. Z.B. #0BD6A3.

Layout-Einstellungen

Vorlage: Es stehen Ihnen folgende Vorlagen zur Verfügung:

• Standard bzw. Icon zentriert / vertikaler Fluss
• Icon links / horizontaler Fluss

Box-Grössen: Hier können Sie die Box-Grössen bestimmen. Es stehen Ihnen folgende Grössen zur Verfügung:

• Standard
• XS (150px)
• S (200px)
• M (250px)
• L (300px)
• XL (400px)

Einstellungen

Hier können Sie Einstellungen zum Widget nutzen, die allen Widgets gemein sind.

Weitere Informationen dazu finden Sie unter Wiederkehrende Funktionen der Widgets.

Berechtigungen

Hier können Sie festlegen, welche Benutzergruppen die Icon Box sehen dürfen.

Weitere Informationen dazu finden Sie unter Berechtigungen.