Best Practices - Shop Frontend Anpassungen
Bevor Sie eine neue Seite im eCMS anlegen, sollten Sie sich überlegen wofür diese Seite gedacht sein soll:
- Eine Seite "Hängeleuchten" in Ihrem Lampen Online-Shop, wo Sie Infos über Hängeleuchten und zugehörige Produkte darstellen wollen?
- Eine Seite rund um ein Produkt, dass Sie zum Verkaufen anbieten wollen?
- Eine Seite ausschließlich mit statischen Informationstext, ähnlich der AGB Seite?
Für all diese Seitenvarianten gibt es Wege, wie Sie am einfachsten zum Ziel kommen.
Wenn Sie also
- Eine Seite "Hängeleuchten" in Ihrem Lampen Online-Shop haben wollen, wo Sie Infos über Hängeleuchten und zugehörige Produkte darstellen
so handelt es sich hier wahrscheinlich um eine Produktkategorieseite. Dafür müssen Sie keine neue Seite im eCMS anlegen, sondern lediglich eine neue Produktkategorie im Backend der eCommerce Suite anlegen.
Soll Ihre Seite
- Eine Seite rund um ein Produkt, dass Sie zum Verkaufen anbieten wollen?
so ist dies über die Produktdetailseite Ihres Shops abbildbar. Auch hier benötigen Sie keine neue Seite im eCMS. Sie müssen lediglich ein neues Produkt über das eCommerce Suite Backend anlegen und für das Shop-Frontend freischalten, das Produkt wird dann mit der Template-Seite für die Produktdetails im Shop-Frontend dargestellt.
Soll Ihre Seite
- Eine Seite ausschließlich mit statischen Informationstext, ähnlich der AGB Seite, sein
so können Sie im eCMS eine neue Seite anlegen und entsprechend konfigurieren. Meistens bietet es sich jedoch an, eine bereits bestehende Seite mit ähnlichen Look & Feel (wie dann vielleicht die AGB Seite) zu kopieren und nur die Platzhalterkonfiguration der Seite anzupassen, die auf Ihren neuen Artikel im Redaktionssystem zugreift.
Für einen Eintrag im Hauptmenü Ihres Shop Frontends müssen Sie wählen, ob Sie eine Produktkategorie darstellen wollen oder eine Seite mit statischem Text, beispielsweise aus dem Redaktionssystem.
Wenn Sie nur eine Produktkategorie im Hauptmenü aufnehmen wollen, so müssen Sie lediglich eine neue Produktkategorie im Backend der eCommerce Suite anlegen und aktivieren. Der Eintrag im Hauptmenü wird dabei im Normalfall (Standard Shop Template) automatisiert eingefügt. Eine direkte Menübearbeitung im eCMS ist dafür nicht nötig.
Wenn Sie einen Eintrag im Hauptmenü aufnehmen wollen, der auf eine Seite mit statischen Text zeigen soll, so müssen Sie diese Seite im entsprechenden eCMS Menü integrieren. In einem Standard Shop-Template heißt das eCMS Menü für die Hauptnavigation "Primärnavigation (primary_navi)". Wenn die anzulegende Seite bereits existiert, so können Sie im eCMS Backend unter Site > Menü / Navigation > Menü - Baumansicht das genannte Menü über die Selectbox auswählen und in der Baumansicht des Menüs einen neuen Menüknoten hinzufügen.
Um den WYSIWYG Live Editor zu starten wechseln Sie in das Backend der eCommerce Suite. Dort finden Sie in der Hauptnavigation den Punkt eCMS > Shop Frontend WYSIWYG. Bei Klick öffnet sich ein neues Fenster mit dem Live Shop Frontend im WYSIWYG Modus.
WYSIWYG Live Editor aus dem Backend der eCommerce Suite starten.
Zum Beenden des WYSIWYG Live Editors wechseln Sie wieder in das Fenster mit dem eCommerce Suite Backend und wählen im Hauptmenü die Option eCMS > Shop Frontend. Dies öffnet die das Live Shop Frontend ohne den WYSIWYG Modus und deaktiviert diesen, falls Sie ihn zuvor verwendet haben.
Die AGB sind im Normalfall ein Artikel im Redaktionssystem vom Inhaltstyp "Statischer Seiten". Um den AGB Artikel zu ändern gibt es unterschiedliche Wege.
Starten Sie den WYSIWYG Live Editor. Surfen Sie auf die Seite mit Ihren AGBs - Im Standard Shop-Template sollte der Link irgendwo im Fußbereich zu finden sein. Suchen Sie dort die Platzhalterkonfiguration für den AGB Text.
Mit einem Rechtsklick auf das Icon ( ) öffnet sich ein Menü mit verschiedenen Optionen. Wählen Sie die Option Daten bearbeiten. Es sollte nun noch angezeigt werden, dass es sich bei den vorliegenden Daten um einen Statischen Seite-Artikel handelt. Klicken Sie auf die verfügbare Auswahl. Es wird nun ein neues Fenster mit dem Redaktionssystem gestartet und Sie werden direkt auf den AGB Artikel weitergeleitet. Wenn Sie Ihre Änderungen speichern, werden diese direkt in Ihr Live Shop Frontend übernommen.
Um den Artikel zu finden stehen im Backend des eCMS ebenfalls verschiedene Möglichkeiten zur Verfügung.
Wenn der Inhaltstyp nicht bekannt ist, lohnt sich der Weg über die Suche im eCMS Backend. Mit der Suche nach Geschäftsbedingung erhält man alle Artikel verschiedener Inhaltstypen die den Suchbegriff enthalten und kann den betreffenden aus der Liste wählen und zum Bearbeiten öffnen.
Wenn der Inhaltstyp bekannt ist - wie hier: Statische Seite - kann auch über das Hauptmenü Redaktionssystem > Inhalte > Inhalte nach Inhaltstyp > Statische Seite die Liste der Artikel des Inhaltstypes angezeigt werden. Über die Listensuche oder -filter kann der Artikel zu den AGBs gefunden und anschließend bearbeitet werden.
Bei beiden Varianten gilt auch hier: Beim Speichern werden die Änderungen direkt im Live Shop Frontend übernommen.
Bei der eCommerce Suite gibt es aktuell eine Unterscheidung zwei verschiedener Logos. Zum Einen das Logo welches im Shop Frontend angezeigt wird. Zum Anderen ein Logo für die Darstellung auf Dokumenten, wie PDFs oder E-Mails.
Zur Änderung der Logos wechseln Sie in das Backend der eCommerce Suite. Folgen Sie dem Hauptmenüpunkt Extra > Systemsteuerung. Im Bereich Shop-Einstellungen ist der Punkt Shop-Logo & Icon hochladen zu finden.
Hier können Sie das Shop Frontend- und das Dokumenten-Logo von Ihrer Festplatte auswählen und hochladen. Nach der Speicherung wird das gespeicherte Logo für das Shop Frontend dort direkt dargestellt. Das gespeicherte Dokumenten-Logo wird bei neuen E-Mails oder bei der Erzeugung von PDFs verwendet.
Aus technischer Sicht eine kurze Erläuterung zu den verschiedenen Logos. Beim Speichern der Logos werden diese in der Mediabase des Shop Frontends gespeichert. Die Speicherung erfolgt dort im Verzeichnis ecs/ . Das aktuellste Shop Frontend-Logo erhält dabei immer das Mediabase-Label ecs_shop_logo_web. Das aktuellste Dokumenten-Logo bekommt das Mediabase-Label ecs_shop_logo_doc.
Eine direkte Ausgabe - z.B. in einer HTML direkt-Platzhalterkonfiguration -im Shop Frontend könnte für das Shop Frontend Logo dann beispielsweise wie folgt mit Elementschreibweise eingefügt werden:
Im Shop Frontend ist im Normalfall bereits ein Slider integriert. Welche Produkte dort dargestellt werden kann über den WYSIWYG Live Editor verändert werden.
Wie kann ich die Schriftart im Shop Frontend ändern?
Wie kann ich das Design meines Shop Frontends anpassen?
Die Schriftart und das Design eines Shop Frontend sind eng verbunden mit verwendeten CSS Stylesheets.