Gambio Template erstellen
So erstellst du dein eigenes Gambio Theme
Dein eigenes Gambio Template erstellen, indem du individuelle Anpassungen an deinem Theme vornimmst – Wie das funktioniert, erklären wir in diesem Gambio Screencast Tutorial. Wir zeigen dir, wie du den StyleEdit 4 bedienst, um dein Gambio Template optisch, aber auch inhaltlich anzupassen.
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Mit StyleEdit 4 dein Gambio Template erstellen
Um aber überhaupt erst einmal zu der Themen-Übersicht zu gelangen, begebt euch in euren Administrations-Bereich und geht in der linken Spalte unter Darstellungen auf Template-Einstellungen. Hier habt ihr einige Einstellungsoptionen für die Startseite, die Artikeldetailseite, die Artikelübersicht etc.
Das ist für unser Video aber eher irrelevant, da wir uns mit dem StyleEdit 4 auseinandersetzen wollen. Klickt dafür auf Theme bearbeiten und schon öffnet sich eine Bearbeitungsmaske, wie wir sie aus Content Management System wie WordPress kennen.
Vor dem Erstellen - Duplizieren!
Das erste was ihr machen solltet, ist euer Theme Template zu duplizieren und mit dem Duplikat weiter zu arbeiten, wenn ihr Veränderungen vornehmen wollt. Die einzelnen Themes seht ihr, wenn ihr auf den Namen eures aktuellen Themes ganz oben on der linken Leiste klickt. Dort sehen wir in unserem Fall die Standardtemplates Honeygrid und Malibu. Duplizieren würdet ihr dieses dann, indem ihr auf den Pfeil klickt und auf Duplizieren geht.
Gambio Template erstellen: Grundlagen, Bereiche und Widgets
Wir gehen für unsere Anpassungen zurück und sehen erst einmal eine Dreiteilung der sogenannten Menüleiste in Grundlagen, Bereiche und Widgets. Das Menü Grundlagen beinhaltet allgemeine Vorgaben, die für alle Bereiche gelten. Also die Farbgebung, die Schriftart, den Hintergrund und die Navigation. Der nächste Menüleisten-Punkt wären dann also die Bereiche. Dazu zählen der Header, der Footer, die Kategorien, die Produkte, der Checkoutbereich, die Menüboxen usw.
Der letzte Punkt sind dann die Widgets, also im Prinzip Inhaltsboxen die man in unterschiedlichen Bereichen platzieren kann, wie bspw. Textboxen, Bilder, Überschriften, Trennlinien, aber natürlich auch Produkte und Produktlisten.
So funktioniert der Experten- und Vorschaumodus
Darunter kann der Expertenmodus aktiviert werden, wodurch uns mehr Anpassungsoptionen in den Bereichen zur Verfügung stehen und letztendlich der Vorschaumodus, um eine erste Vorschau dessen zu sehen, was wir angepasst haben. Um unseren Gambio Shop aber nicht nur desktop-optimiert zu gestalten, haben wir ganz unten die Möglichkeit sich die Shopansicht auch für das Tablet und Smartphone anzeigen zu lassen. Somit können wir mal als Beispiel den Warenkorb anpassen. Im Bereich Checkout, wählen wir den Warenkorb aus und können nun einfach mal die Schriftfarbe der Tabelle verändern. Nach einem kurzen Ladeprozess, wird uns die Veränderung auch direkt im Hauptfenster in der Mitte angezeigt. Eine anderen Veränderungsmöglichkeit wäre die Platzierung des Logos. Dieses ist im Header untergebracht, also gehen wir im Bereich Header auf Standard und auf das Logo rauf. Was man nun machen könnte, ist das Logo auszublenden. Dadurch passt sich dann die Headerleiste an. Wir wollen unser Logo aber wieder haben und dieses weiter runter bringen, also verändern wir die Logo Höhe.
Beim Gambio Template erstellen Widgets einfach per Drag & Drop anlegen
Wenn ihr nun zur Startseite zurück geht und dort ein Widget unterbringen wollt, müsst ihr vorher darauf achten, dass der Vorschaumodus deaktiviert ist. Ist das der Fall, könnt ihr bspw. eine Textbox per Drag & Drop ins Hauptfeld reinziehen. Wollt ihr den Text im Nachhinein verändern oder erweitern, braucht ihr einfach nur auf das Stiftsymbol klicken und könnt den Text anpassen. Mittels Texteditor können dann Gestaltungen wie das Fetten von Wörtern oder die Integration von internen und externen Links vollzogen werden. Das trägt zum einen zur Optik bei, kann aber auch eure SEO voran bringen.
Umfangreiche Möglichkeiten euer Gambio Template erstellen zu können
Ansonsten können noch mannigfaltige Veränderungen vorgenommen werden, die den Rahmen dieses Blogartikels allerdings sprengen würden. Testet das Ganze einfach mal aus, geht in die verschiedenen Bereiche und macht euch vertraut mit den einzelnen Elementen. Ihr bekommt dann für alles direkte Rückmeldung im Hauptfeld, so lange ihr euch auch in dem Bereich befindet, den ihr gerade bearbeitet. Achtet nur wie bereits erwähnt darauf, dass ihr in der Theme Kopie arbeitet, dann kann dabei nichts schief gehen.
eBakery unterstützt euch als Gambio Partner
Wir hoffen Ihr habt entweder aus der Video- oder Textanleitung etwas für euch mitnehmen können. Falls jedoch an der ein oder anderen Stelle etwas unklar gewesen sein sollte, helfen wir euch von eBakery als Gambio Partner auch gerne weiter. Vereinbart dafür gerne direkt einen Termin.
- 5/5
- 2 ratings
Very bad! | Bad | Hmmm | Oke | Good! |
---|---|---|---|---|
0% | 0% | 0% | 0% | 100% |
Haben Sie Fragen oder brauchen ein individuelles Angebot? Zögern Sie nicht, uns zu kontaktieren.