Shopify Template erstellen
So erstellst du dein eigenes Shopify Theme
In Shopify dein eigenes Template erstellen – Wie das funktioniert, welche Themes die Basis des Ganzen sein können, welche Elemente für Text, Bilder und Videos euch zur Verfügung stehen und wie euer Shopify Template dann am Ende aussehen kann, das seht ihr in dieser Screencast Folge.
Shopify Template erstellen: Die Grundlage
Da wir uns in einer Folge zuvor angeschaut haben, wie ihr euren JTL-Shop 5 individuell gestalten könnt und euer eigenes Template kreiert, gucken wir heute mal unter dem Gesichtspunkt auf Shopify. Zu finden ist euer Template erst einmal, in eurem Onlineshop unter Themes. Euch steht die Möglichkeit zur Auswahl ein Theme das ihr extern erworben habt hier hochzuladen oder euch eines der kostenlosen Themes als Grundlage zu wählen. Wir haben uns für das Theme “Debut” als Ausgangstheme entschieden und dieses nach unseren Wünschen angepasst und daraus unser eigenes Shopify Theme kreiert.
Der Editor um euer Shopify Template zu individualisieren
Der Editor bei Shopify, der bei JTL OnPage Composer genannt wird, weist ähnliche Funktionen auf. Die Einstellungen die wir zum Anfang im Backend gezeigt haben, befinden sich hier in der linken Spalte ganz unten unter Theme Einstellungen. Ihr könnt eure verwendeten Farben auswählen und diese mittels Hexacode eingeben, um genau eure CI Farbe zu wählen. Auch die Schriftart kann individuell eingestellt werden und gilt dann fürs gesamte Theme, egal welche Unterseite gerade angesteuert wird. Das Favicon kann integriert werden, eure Social Media eingetragen werden, die dann im Footer erscheinen und klickbar sind und vieles mehr. Ansonsten hab ihr auch Elemente die bei JTL Portlets heißen, die nur in Shopify anders aufgeteilt werden. Ihr habt nicht die Aufteilung in Content- und Layout-Sektionen, sondern in Blogelemente, Foto- und Video-Elemente, Text- Elemente usw.
Ihr könnt aber ähnliches umsetzen.
Shopify Template erstellen: Die Elemente
So war es uns möglich auch hier die Slideshow zu integrieren und unten links den gewünschten Text einzutragen. Auch Produktvideos würden sich integrieren lassen, indem ihr da drüber ein Rich Text Element einfügt und anschließend das Video darunter platziert. Anders als bei JTL funktioniert das hier nicht per Drag and Drop, sondern dadurch dass ihr am Ende eurer bereits integrierten Abschnitte einen Neuen hinzufügt und dann ein neues Element wählt. Das wird dann immer erst am Ende der Seite platziert, kann aber dann an jede beliebige Stelle gezogen werden. Somit war es uns möglich ein Foto mit Text einzufügen oder auch eine Reihe aus 3 verschiedenen Bildern, auf denen eure Produktkategorien veranschaulicht werden könnten, die dann im Text darunter näher erläutert werden. Da drunter habt ihr mehrere Kacheln mit Produkten. Hier stehen mehr die Bilder und der Preis im Vordergrund, als ausführliche Erklärungen. Ihr habt natürlich innerhalb dieses Abschnitts die Möglichkeit selbst zu entscheiden wie viele Reihen und Kacheln ihr integriert haben wollt, um diese ganz genau auf euer Sortiment anzupassen. Wollt ihr auf einer Shopseite mehrere Kategorien demonstrieren, bietet es sich an diese mit einem prestigeträchtigen Einleitungsbild voneinander zu trennen. Dieses sollte dann in voller Größe erscheinen und Lust auf mehr machen.
Shopify bietet viele Kombinationen um Bilder darzustellen
Ihr seht also, es gibt in Shopify mehrere Bildkombinationen. Und so wie in unserem JTL-Shop 5 Template, schließen wir die Seite mit unseren Testiomonials ab. Ihr könnt Zitate einfügen und die Bilder der Testimonials da drunter in einer Galerie platzieren. Das wäre ein Ideenansatz wie man sein eigenes Template in Shopify erstellen könnte.
eBakery unterstützt euch gerne als Shopify Agentur
Ich hoffe, wir konnten euch damit weiterhelfen. Falls euere Frage unbeantwortet geblieben ist, wird sie evtl. von einem unserer anderen Videos aus der Shopify Playlist, beantwortet. Falls auch das nicht zutrifft, könnt ihr gerne ein Termin mit den Shopify Experten vereinbaren. eBakery unterstützt euch gerne als Shopify Agentur.
