Einführung in ePages 2/7 – Gestaltungsmöglichkeiten
Ein gut zu bedienendes Shopsystem ist nur die halbe Miete für erfolgreiches Onlinebusiness. Die andere Hälfte ist ein gutes und professionelles Aussehen. Aus diesem Grund haben wir Ihren ePages-Onlineshop mit vielfältigen und einfach zu bedienenden Gestaltungswerkzeugen ausgestattet. Im zweiten Teil unserer siebenteiligen Reihe „Einführung in ePages“ zeigen wir Ihnen, was mit dem ePages Shopsystem alles möglich ist.
Eigene Styles
Bevor Sie sich an die Gestaltung Ihres Onlineshops machen, sollten Sie eine Arbeitskopie Ihres aktuellen Layouts anlegen. Mit dieser können Sie dann arbeiten, ohne dass sich Änderungen am Design sofort auf die Storefront, also den Teil Ihres Onlineshops, den Ihre Kunden zu sehen bekommen, auswirken. Sind Sie mit Ihren Anpassungen zufrieden, können Sie das neue Layout auf einen Schlag live schalten.
Entweder Sie erstellen eine Kopie Ihres aktuellen Shoplayouts und nutzen dieses als Ausgangspunkt oder Sie bedienen sich über das Menü „Gestaltung/Vorlagen“ aus dem Fundus der über 100 Vorlagen, die Ihnen das ePages Shopsystem bietet. Um eine Kopie Ihres aktuellen Layouts anzulegen, wechseln Sie in das Menü „Gestaltung/Eigene Styles“. Der erste Eintrag der Karteikarte ist das aktuelle Layout Ihres Onlineshops. Klicken Sie auf „Sicherheitskopie anlegen“. Geben Sie der Kopie einen Namen und passen Sie sie Ihren Wünschen entsprechend an. Dazu können Sie wie gewohnt mit der „Schnellgestaltung“ oder der „Erweiterten Gestaltung“ arbeiten.
Kleiner Hinweis: Bearbeiten Sie gerade eine Sicherheitskopie Ihres Layouts, wird dementsprechend auch diese angezeigt, wenn Sie über den Button „Vorschau“ in die Storefront wechseln.
Schnellgestaltung
Auch über das Menü „Gestaltung“ gelangen Sie zur „Schnellgestaltung“. Mit ihr können Sie kleinere Änderungen am Design vornehmen, ohne aber dabei das grundlegende Layout Ihres Shops zu ändern. So können Sie z.B. ein neues Seitenelement in einer der seitlichen Menüleisten einfügen und dieses per Drag&drop platzieren. Jedoch können Sie z.B. nicht die Menüleiste komplett deaktivieren. Dies ist allein in der „Erweiterten Gestaltung“ möglich. Ideal ist die „Schnellgestaltung“, wenn Sie etwa schnell das Bild in der Kopfzeile austauschen oder die Hintergrundfarbe anpassen möchten.
Besonderheit der Schnellgestaltung: Änderungen werden sofort übernommen, ohne dass Sie jedes Mal speichern müssen.
Erweiterte Gestaltungsmöglichkeiten
Die „Erweiterte Gestaltung“ erreichen Sie ebenfalls über das Menü „Gestaltung“. Mit ihr haben Sie zusätzliche Möglichkeiten, das Design Ihres Onlineshops Ihren Wünschen anzupassen. Die „Erweiterte Gestaltung“ unterscheidet sich von der „Schnellgestaltung“ dadurch, dass Sie mit Mausklick verschiedene Bereiche Ihrer Seite auswählen und individuell verändern können. Die Kopfleiste des Editors passt sich entsprechend der Möglichkeiten, die Sie für den gewählten Bereich haben, an. Ein rotes Rechteck markiert den Bereich, den Sie für die Modifizierung gewählt haben.
Ihre Website besteht aus sechs Seitenbereichen, die Sie über die Kopfleiste Ihres Editors einzeln an und abschalten können.
Klicken Sie sich ruhig einmal durch alle Bereich Ihrer Website, um die einzelnen Gestaltungsmöglichkeiten für jeden Bereich kennenzulernen. Mit der „Erweiterten Gestaltung“ können Sie nicht nur Farben, Hintergrundbilder und Logos austauschen oder Schriftarten bestimmen. Auch die Abstände der einzelnen Bereiche untereinander oder die generelle Ausrichtung der Seite (link- oder rechtsbündig sowie zentriert) können Sie hier festlegen.
Mit der Funktion „Seitenelement einfügen“ können Sie zusätzliche Elemente auf der Website hinzufügen. So können Sie etwa Ihre Kunden mit einem Logo darüber informieren, das Sie als geprüfter Shop über ein Sicherheitszertifikat verfügen. Oder aber Sie fügen die Anmeldung für den Newsletter direkt auf der Startseite hinzu, um so Kontakt zu Ihren Kunden zu halten. Alle Seitenelemente können ganz einfach im Editor mit der Maus gegriffen und an andere Stellen oder Bereiche Ihrer Website verschoben werden.
Hinweis: In der „Erweiterten Gestaltung“ müssen Sie Ihre Änderungen mit Klick auf das Diskettensymbol speichern, damit diese übernommen werden. Vergessen Sie nicht, auch den Seiten-Cache zu aktualisieren, sofern Sie ihn aktiviert haben.
Produktdarstellung und einzelne Seiten anpassen
Möchten Sie die Inhalte einzelner Seiten ändern und so etwa die Produktdarstellung Ihren Wünschen anpassen, wechseln Sie in das Menü „Inhalt/Kategorien“ und dort in die „Vorschauansicht“.
Der erscheinende Editor bietet Ihnen vielfältige Möglichkeiten, den Inhalt der Website zu verändern. Über die linke Menüspalte können Sie zwischen den einzelnen Seiten – z.B. den einzelnen Kategorienseiten – wechseln und diese individuell anpassen. Mit grauen Punkten umrandete Bereich zeigen Ihnen die Stellen, die Sie um Texte oder zusätzlichen ergänzen können. Klicken Sie auf einen dieser Bereiche und die Kopfleiste des Editors zeigt Ihnen, welche Möglichkeiten der Gestaltung Sie an dieser Stelle haben. Über die Kopfleiste können Sie nicht nur Text formatieren, sondern nun auch Elemente wie Videos oder RSS-Feeds einbinden.
Kontrollieren Sie, wie Ihr Shop Texte und Produktbilder platziert. Die Kopfzeile des Editors bietet Ihnen dazu vielfältige Möglichkeiten. Auch können Sie die Art der Produktpräsentation anpassen. Wählen Sie zum Beispiel einen interaktiven Coverflow-Effekt, mit dem Ihre Kunden durch die Waren einer Kategorie blättern können.
Erweiterte Gestaltungsmöglichkeiten per HTML
Zum Abschluss dieser Einführung noch ein paar Worte zu den zusätzlichen Gestaltungsmöglichkeiten, die Sie haben, wenn Sie über Programmierkenntnisse in HTML verfügen. Wechseln Sie über das Menü „Inhalt/Kategorien“ in die „Datenblattansicht“. Sie erhalten einen tabellarische Übersicht über die einzelnen Kategorienseiten. Klicken Sie auf einen Eintrag, um zu dessen Optionen zu gelangen.
Auf der Karteikarte „Allgemein“ finden Sie das Untermenü „Texte“. Hier können Sie über den Editor Inhalte für die oben angesprochenen, grau umrandeten Bereiche eintragen. Nutzen Sie jedoch nicht den grafischen Editor sondern das direkte Eingabefeld für „Erweiterte Beschreibung“ und „Erweiterte Beschreibung (2)“, können Sie auch HTML-Code verwenden um den entsprechenden Bereich zu gestalten. Auf diese Weise sind vielfältige grafische Anpassungen möglich. Dies empfiehlt sich jedoch nur technisch versierten Programmierern.
Videotutorial „Einführung in ePages 2/7 – Gestaltungsmöglichkeiten
studierte Germanistik, Geschichte und Politik an der Ruhr-Universität Bochum, an dass er ein PR-Volontariat in Hamburg anschloss. Von 2004 bis 2009 betreute er als Freelancer für Marketing und Kommunikation mehrere Hamburger Unternehmen, darunter verschiedene aus dem Bereich E-Commerce. Zwischen August 2009 und Dezember 2011 arbeitete er als Online-Redakteur bei ePages.
Hinterlasse einen Kommentar
An der Diskussion beteiligen?Hinterlasse uns deinen Kommentar!