Funktionen Design Designmöglichkeiten

Designmöglichkeiten

Ein auf das eigene Kundensegment optimiertes Design fördert das Vertrauen potentieller Kundschaft in das besuchte Shopsystem und vermittelt auf einfache Weise die Professionalität eines Webshop Systems. Gleichzeitig vereinfachen auf Usability hin optimierte Designs die Bedienung des Shops und steigern somit den Umsatz. Das Shopsystem PepperShop kann individuell an das gewünschte Design angepasst werden.

Der PepperShop verwendet kundenseitig durchgängig ein mobile first responsive Design. Ihr Shop präsentiert die Inhalte somit optimal für alle Geräteklassen – vom günstigen Handy bis zum 4K Workstation Bildschirm – und auch für die Suchmaschine.

Über zwei Möglichkeiten wird grundsätzlich eine Designvorlage umgesetzt:

  • Themes + Layout Management: Ermöglicht ohne Programmierung eine Anpassung des Designs und der Struktur, so dass ohne HTML und Programmierkenntnisse die wichtigsten Komponenten des eigenen Corporate Designs umgesetzt werden (Logo, Schriften, Buttons, Bilder, Artikelanzeige, Megamenü, Hintergründe und Layout). Dies geht schon mit der Basic-Version des PepperShops.
  • HTML-Templates: über HTML-Vorlagen und die CSS-Definitionen kann das Design und die Struktur des Shops individuell verändert werden. Dabei sind HTML/CSS Kenntnisse erforderlich. HTML-Templates stehen nur Professional- und Enterprise-Versionen zur Verfügung.

Wenn zusätzlich an der Funktionalität Anpassungen im Zusammenhang mit dem Design gemacht werden müssen, sind PHP Kenntnisse nötig, da nun Daten zur Darstellung plötzlich an anderen Stellen im Shop vorhanden sein müssen. Dabei bieten wir (Glarotech GmbH) auch an, Ihre Designvorstellung umzusetzen. Bei CMS Integrationen bieten wir mit dem Design-Connector Modul auch einen Umsetzungspfad oder sie integrieren Komponenten des PepperShops in Ihre Seite (Direkt externe Einbindung).

Weiter bietet der PepperShop optimierte Druckansichten an. Nicht benötigte Elemente werden automatisch ausgeblendet. Neben diesen CSS-basierten Umsetzungen gibt es für die Bestellübersicht und die AGB noch zusätzlich speziell aufbereitete Druckinhalte.

Einen Überblick der verschiedenen Möglichkeiten zur Gestaltung eines individuellen Shops inklusive der zu er­war­ten­den Kosten, haben wir in folgendem Dokument zusammengefasst:

PDF Vorschau

Desginmoeglichkeiten

Design-Connector

  • CMS-Design ohne Aufwand übernehmen
  • Änderungen im CMS sind unmittelbar auch im Shop zu sehen, kostenlos

Mit dem Design-Connector Modul kann der Shop in bestehende Webauftritte (meistens ein CMS, wie z.B. Typo3) integriert werden, ohne dass man das ganze Design nochmals für den Shop umsetzen muss.

Da beim Aufruf des Shops zwingend der Shop selbst aufgerufen werden muss, hat man normalerweise die Aufgabe, dass der ganze Rahmen um den Shop nochmals neu gestalten muss (Header, CMS-Menü, Footer, Banner, …). Mit dem Design-Connector Modul ist dies wesentlich vereinfacht, da man hier nur eine leere Seite im CMS macht und dem Shop diese URL als Vorlage gibt. Anhand eines Markers in dieser Seite erkennt der Shop, wo er sich einfügen soll.

Der Design-Connector arbeitet mit Caching, so dass die Performance unter der Integration nicht leidet.

Der Einsatz dieses Moduls bedingt, dass die beiden Seiten (externes CMS und Shop) kompatibles HTML verwenden und sich mit Style-Definitionen nicht zu sehr gegenseitig beeinflussen. Der Design-Connector bietet hierzu Ersetzungsmöglichkeiten bei der Übernahme der CMS-Seite.

Die Anwendung dieses Moduls erfordert HTTP, HTML, JavaScript, PHP und PREG-Kenntnisse und muss für jeden Einsatz customized werden. Es muss von technisch versierten Personen angepasst werden.

Dieses Modul wird oft zusammen mit dem direkt externe Komponenten Modul verwendet. Um z.B. via Kategorienbaum-Komponente einen JSON-Tree der Shop-Kategorien in die Menüstruktur eines externen CMS-Systems zu übernehmen = beste Usability.

Modul Design Integration Connector bestellen

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