Design > Layout Management

basic  Zurück  

Erscheinungsbild detailliert einstellbar

Layout Management

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.

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 Aritkelliste, 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
  • getrenntes Layout für Warenkorb und Kasse Buttons in der Hauptnavigation und im Content-Bereich erlaubt flexible Designs
  • 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
  • Grössen der Teilbereiche (Shopfenster, Hauptnavigation, Kategoriennavigation, Inhaltsteil, Footer) einstellbar
  • Umfangreiche Slide-Menü Konfiguration mit Detailkonfiguration der einzelnen Ebenen
  • Artikellistenkonfiguration (mehrspaltig) und Artikelbildkonfiguration (Bildharmonisierung, ...)
  • Intuitiver und schneller Farbwähler integriert (mit Transparenz als Auswahl) inkl. Farbvorschau und Eingabemöglichkeit von HEX-Werten
  • Tabellarische Formatierungen (Titelzeile, Informationszeile, gerade- / ungerade Zeilen, Totalzeile, Content-Titelbalken, Infoboxen) sowie Tabellensteuerungselemente und Überschriftenoptionen integriert
  • Detaillierte Rahmeneinstellungen der einzelnen Box-Elemente

Auch die Bestellpfadanzeige (wo im Bestellprozess bin ich?) ist via Webinterface anpassbar. Die einzelnen Schritte werden entweder mit Grafiken oder 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.

Buttons hochladen

Button Management

Das Layout-Management erlaubt das bequeme Ändern aller kundenseitig verwendeter Buttons. Somit kann man ohne Aufwand ein eigenes Button-Set in den Shop integrieren.

Mehrsprachige Shops können zu jeder Sprache ein eigenes Button-Set benutzen.

Falls eigene Buttons benötigt werden, kann man schnell weitere Buttons in Form von CSS-Buttons realisieren. Deren Layout lässt sich im Layout Management konfigurieren, so dass ein Button umgehend zur Verfügung steht, wenn man nur eine CSS-Klasse zuweist.


WYSIWYG-Editor für Startseite, Footer und Impressum

WYSIWYG-Editor

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 Web Fonts


Zurück