Einstellungen und Templates - Erste Schritte mit Rent-a-Shop

Design und Templates - Erste Schritte mit Rent-a-Shop

Design und Templates - Erste Schritte mit Rent-a-Shop

Nach dem wir im ersten Teil von Erste Schritte mit Rent-a-Shop auf die Einstellungen, Apps und Widgets eingegangen sind, schauen wir uns im zweitem Teil näher an, wie Sie ihren Onlineshop individuell gestalten können.

Das Design von Rent-a-Shop kann nach ihren Wünschen individuell angepasst werden. 

Design wählen oder ändern

Wenn Sie das Shopsystem aufgesetzt haben, müssen Sie sich nochmals einloggen. Sie können nun die Vorlage von ihrem Onlineshop wählen und anpassen. Wählen Sie in der Navigation Einstellung und auf der linken Seite Template und klicken Sie auf den Template Manager. Fügen Sie ein neues Template hinzu und wählen Sie das gewünschte Design. Sie können auch mehrere Designs miteinander kombinieren, falls Ihnen beispielsweise die Kategorieseite eines Shopdesigns besser gefällt als von dem gewählten Design.

Design anpassen

Sie haben die Möglichkeit das Design individuell auf ihre Bedürfnisse anzupassen. Dazu gibt es drei Bereiche:

Onlineshop Design anpassen

Inhaltselemente positionieren – Unter dem Brick-Positionen können Sie Inhaltspositionen wie Menü, Navigation, Suche, Warenkorb, etc. verwalten. Die Positionen können in die vorgegeben Bereiche gezogen werden.

Allgemeiner Template-Stil – Im Bereich vom Template-Stil haben Sie die Möglichkeit die Schriften, die Farbe, die Navigationselement und diverse Bereiche einzustellen.

Eigenes CSS Stylesheet – Sie haben die Möglichkeit das Design beliebig mit CSS zu verändern. Wir empfehlen diese Änderungen nur vorzunehmen, wenn Sie über die nötigen Programmierkenntnisse besitzen.

Logo anpassen

Um das Logo anzupassen wählen Sie in den Einstellungen unter Templates den Templatemanager aus. Bearbeiten Sie das Template über das Bearbeiten-Symbol und wählen Sie den Bereich Brick-Positionen aus. Es erscheinen die Bricks, also die Bausteine von Ihrem Template. Oben links haben Sie ein Bild. Klicken Sie auf bearbeiten und wählen Sie das gewünschte Bild aus welches als Logo erscheinen soll. Das Logo sollte nicht grösser 400 x 100 Pixel sein. Es wird jedoch vom Template automatisch angepasst.

Farben, Schriften und Erscheinung vom Template bearbeiten 

Webshop Design anpassenIm Template Manager unter dem Punkt "Allgemeiner Template Stil" können Sie die Farben, Schriften und Erscheinung vom Template bearbeiten.  Die Auswahl wirkt sich je nach Designvorlage anders auf verschiedene Elemente aus. Testen Sie, was Sie damit bewirken können und was Ihnen gefällt. 










Favicon einbinden

Das Favicon ist ein kleines Symbol oder Logo, welches in der Adresszeile eines Webbrowsers links vom Seitentitel angezeigt wird. Es dient als Wiedererkennungsmerkmal. Kreieren Sie ein Favicon und speichern Sie es unter dem Namen favicon.ico. Laden Sie es in den Dateimanager in den gewünschten Ordner.

Folgen Sie dieser Anleitung: Hilfe und Anleitung - Favicon einbinden

Klicken Sie auf speichern und laden Sie den Browser komplett neu (Crtl&F5). Das Favcion sollte nun erschienen.

Weiterführende Informationen:

- Onlineshop erstellen - Teil 1
- Onlineshop erstellen - Teil 3
- Rent-a-Site CMS - Quick Start Guide

Wir wünschen Ihnen viel Spass bei der Erstellung von ihrem Onlineshop. Bei Fragen hinterlassen Sie einen Kommentar oder nehmen Sie mit uns Kontakt auf.