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 wichtigsten Aspekte eingegangen sind, sehen wir im zweitem Teil  auf das Design, die Widgets. In diesem Teil geht vor allem darum,  wie Sie ihren Onlineshop individuell gestalten können. Einige der Inhalte haben Sie schon in Teil 1 gesehen. 

Design anpassen

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

Template 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

5.2 Logo anpassen

Rent-a-Shop 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.

5.3 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.

5.4 Farben, Schriften und Erscheinung vom Template bearbeiten

Webshop Design anpassen

Im 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.

5.5 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 Favicon sollte nun erschienen.

Was sind Widgets und wo finden Sie die Widgets?

Rent-a-Shop Widgets

Rent-a-Shop stellt für das Erstellen und Bearbeiten von Website-Inhalten zahlreiche Widgets zur Verfügung. Dies sind kleine Programme, die Ihnen ein einfaches Verwalten Ihres Web-Auftritts ermöglichen – auch ohne Programmierkenntnisse. Die Widgets sind formulargesteuert aufgebaut und lassen sich intuitiv benutzen. Wenn Sie ein Formular ausfüllen können, kommen Sie auch mit den Widgets von Rent-a-Site Shop gut klar. 

Verfügbare Widget für Rent-a-Shop:

  • Bestellarchiv 
  • Bestellformular
  • Grossen Warnkorb
  • Hersteller
  • Kategorie-Übersicht
  • Kleiner Warenkorb
  • Meine Kundendaten
  • Merkmalsfilter
  • Mini-Suche
  • Produkt-Details
  • Produktsuche
  • Produkt-Übersicht

Weiterführende Informationen:

- @%20InternalLink(864355) @>">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.  

Jetzt anmelden

Jetzt anmelden

und 30 Tage kostenlos testen
Ich akzeptiere die AGB