Quick-Buttons

Quick-Buttons

Quick-Button anlegen

Quick-Button anpassen

In den Einstellungen wird direkt eine Vorschau des Quick-Buttons angezeigt. Diese aktualisiert sich automatisch zur Laufzeit, damit du bereits vor dem Speichern eine Vorschau erhältst.

Über das Eingabefeld Text lässt sich der Text des Quick-Buttons ändern. Über das Eingabefeld Style kannst du den Quick-Button per CSS stylen.

Wichtig: Da CSS-Styles vererbt werden, sind diese stark von der Seite abhängig. Deshalb kann es zu geringen Abweichungen zwischen der Vorschau und dem tatsächlichen Quick-Button im tricoma Shop kommen.

Vorlage einspielen

Du kannst auch eine unserer Vorlagen für das Design des Quick-Buttons einspielen. In diesem Fall werden der Text und der Style durch die jeweilige Vorlage ersetzt.

Quick-Button aktivieren

Damit der Quick-Button im tricoma Shop erscheint, muss dieser noch auf aktiv gesetzt werden. Vergiss anschließend nicht, deine Änderungen zu speichern.

Quick-Button verlinken

Der Quick-Button wird nun zwar angezeigt, doch noch führt er zu keinem Ziel. Damit sich das ändert, muss der Quick-Button noch verlinkt werden.

Begib dich hierfür in den Bereich deines Shops, zu dem der Button führen soll, und kopiere die URL. In diesem Beispiel ist das ein Kontaktformular zum Widerrufsrecht.

Mehr zum Widerrufsrecht kannst du im Tutorial Widerrufsrecht lesen.

Sobald du die URL kopiert hast, kannst du diese im Eingabefeld Link einfügen. Vergiss anschließend nicht, deine Änderungen zu speichern.

Der Quick-Button kann auf jede beliebige URL zeigen. So kannst du schnell auf Kontaktformulare, Sonderangebote oder sogar YouTube-Videos verlinken.

Quick-Button mit Bild

Manche Button-Designs lassen sich nur sehr schwer mit CSS abbilden. Deshalb gibt es auch die Möglichkeit, ein Bild als Quick-Button zu verwenden. Lösche hierfür den Text des Quick-Buttons und lade das gewünschte Bild hoch.

In diesem Beispiel soll auf einen Artikel mit einem Sonderangebot verlinkt werden. Deshalb wird ein Produktbild des Artikels als Quick-Button verwendet.

Sobald das Bild erfolgreich hochgeladen wurde, muss der Button nur noch gespeichert werden, damit die Änderungen sowohl in der Vorschau als auch im tricoma Shop erscheinen.

Quick-Button mit Bild anpassen

Noch sieht der neue Quick-Button etwas plump aus. Um dies zu vermeiden, lassen sich auch Quick-Buttons mit Bildern über das Eingabefeld Style gestalten.

In diesem Beispiel: height: 200px; width: 200px; border: 2px solid black;

Reihenfolge der Quick-Buttons ändern

Die Reihenfolge der Quick-Buttons lässt sich in den Einstellungen per Drag-and-drop ändern.

Die Änderungen an der Reihenfolge werden automatisch übernommen, ohne dass du auf Speichern klicken musst.

¹ Sollte dieser Bereich fehlen, muss ein Komplettupdate durchgeführt werden.