Funktionen Design Layout Management

Layout Management

Erscheinungsbild detailliert einstellbar

Mit dem Pep­per­Shop Layout Ma­na­ge­ment er­stellt man sich ein in­di­vi­duel­les Shop-De­sign, ganz ohne Pro­gram­mier­kennt­nis­se. Das Aussehen des Shops kann komplett auf die Bedürfnisse des Shopbetreibers angepasst werden.

Die wichtigsten Designanpassungen vom Einrichtungsassistenten sind dirket wählbar (Navigationsposition, Farbenkonfiguration, Shoplogo).

Das Layout Management ist so organisiert, dass man von aussen nach innen definiert, wie der Shop aussehen soll. Man beginnt bei der Definition des Hintergrundes (Grafik, Farbe, …) und der Platzierung des Shops darin. Danach werden die einzelnen Teilbereiche und Sichtbarkeiten gesteuert inkl. Farben, Rahmen, Abständen, Hintergrundkonfiguration und weiteren Einstellungen. Weiter definiert man die Anzeige der Artikelliste, der Schriften und spezielle Angaben, wie die Menükonfiguration und Artikelbildanzeige.

Somit kann jedes Corporate Design ohne Programmieraufwand übernommen werden. Die folgende Liste gibt einen Ausschnitt der Möglichkeiten:

  • Darstellungsform des Shops wählbar: Fullscreen, horizontal / vertikal zentriert, volle Breite, volle Höhe, individuell angepasst
  • eigene Hintergrundbilder hochladen
  • eigenes Shoplogo hochladen (Shoplogo oder Shopname als Text kann eingeblendet werden)
  • eigene Buttons verwenden
  • Für jede Schriftgrösse und Links: Schriftfarbe, Schriftgewicht, Schriftgrösse, Text Dekoration und Schriftstil getrennt einstellbar, gesonderte Einstellungen für Schriften in Texteingabefeldern
  • shopweit gültiges Fontset (Schriftarten) kann definiert werden inkl. freier Wahl einer Google Web Font Schriftart
  • Artikellistenkonfiguration (mehrspaltig) und Artikelbildkonfiguration (Bildharmonisierung, …)
  • Detaillierte Rahmeneinstellungen der einzelnen Box-Elemente

Auch die Bestellpfadanzeige (wo im Bestellprozess bin ich?) ist anpassbar. Die einzelnen Schritte werden entweder mit Texten (Titel und optional Beschreibung) visualisiert. Dabei gibt es für jeden Schritt die Zustände “liegt noch vor uns”, “aktuelle Seite”, “schon erledigt”.

Das Layout Management arbeitet dabei wie ein CSS-Generator mit einer für diesen Shop optimierten Administrationsmaske. Wenn man Änderungen am Basis CSS-Template vornimmt, werden diese auch in der generierten CSS-Datei für den Shop berücksichtigt.

Hintergrundbilder hochladen

Ganz einfach geht das Hochladen von Grafiken für Hintergrundbilder und das Logo: Datei auswählen und “Bild hochladen” anklicken. Schon arbeitet der PepperShop mit der neuen Grafik.

WYSIWYG-Editor für Startseite, Footer und Impressum

Der integrierte WYSIWYG-Editor erlaubt das bequeme Editieren und Formatieren von beliebigem HTML-Inhalt. Der Editor lässt sich ähnlich wie Word bedienen und wird an mehreren Stellen in der PepperShop Administration eingesetzt, so dass eine Schulung des Personals nicht notwendig ist:

  • Startseite
  • Footer
  • Impressum
  • Artikelbeschreibung
  • Eigene Inhalte (nur PepperShop Professional / Enterprise)

Google Web Fonts

Dank der vollständigen Einbindung von Google Webfonts, kann man von der grossen Auswahl von Web optimierten Google Schriftarten profitieren und seinen Shop ansprechender und professioneller gestalten. Es stehen über 500 kostenlose Schriftarten zur Verfügung.

Google Webfonts

Testen Sie PepperShop kostenlos
für 30 Tage

Erstellen Sie mit PepperShop in nur wenigen Klicks Ihren eigenen Onlineshop & POS Kassensystem
oder personalisieren Sie Ihren Auftritt mit einem individuellen Projekt.

kostenlos testen