Anlegen neuer Seiten im Pages System

Neue Seiten müssen in der Shop-Admin angelegt werden bzw. im Ändern Modus aufgerufen werden, um Änderungen daran durchzuführen

Anlegen einer neuen Seite

Rufen Sie zunächst die Shop-Admin mit (shop-URL)/admin im Browser auf und melden Sie sich mit Ihrem administrativen Konto auf. Sie benötigen Zugriffsrechte auf die Module des Pages Systems, d.h. Sie müssen den Abschnitt Seiten im Menü sehen.

1. Klicken Sie im Abschnitt Seiten auf den Unterpunkt Seiten.
   Sie erhalten eine Liste aller bereits bestehenden Seiten.

2. Klicken Sie auf die Hinzufügen Schaltfläche in der rechten oberen Eckte

3. Legen Sie für die neue Seite zumindest einen Namen fest.
   Dieser Name ist nur für Ihre interne Organisation sichtbar.

4. Klicken Sie auf Speichern.
   Die neue Seite erscheint unter dem gewünschten Namen in der Liste der bestehenden Seiten.

5. Klicken Sie auf die Schaltfläche Inhalt, um mit dem Aufbau des Inhalts zu beginnen.

Ändern einer bestehenden Seite

Rufen Sie zunächst die Shop-Admin mit (shop-URL)/admin im Browser auf und melden Sie sich mit Ihrem administrativen Konto auf. Sie benötigen Zugriffsrechte auf die Module des Pages Systems, d.h. Sie müssen den Abschnitt Seiten im Menü sehen.

1. Klicken Sie im Abschnitt Seiten auf den Unterpunkt Seiten.
   Sie erhalten eine Liste aller bereits bestehenden Seiten.

2. Klicken Sie in der Zeile, in der Sie den Namen der zu bearbeitenden Seite sehen auf die Schaltfläche Inhalt, um mit der Änderung des Inhalts zu beginnen.

Sind Sie nicht sicher, ob es sich bei einem Eintrag in der Liste der Seiten um die gesuchte Seite handelt, können Sie die Schaltfläche Vorschau benutzen, um diese Aufzurufen.

Hinzufügen von Inhalt auf eine Seite

Ist eine Seite zum Bearbeiten aufgerufen erscheinen die bisherigen Inhalte im Änderungsmodus. Jedes Element ist dazu durch eine punktierte Linie umrahmt und darüber sind die beiden Schaltfläche Ändern und Einfügen eingeblendet.

Zusätzlich ist am Ende der Seite eine Schaltfläche Hinzufügen eingeblendet. Ist die Seite noch komplett leer, dann ist nur eine Hinzufügen Schaltfläche vorhanden.

Bauen Sie Ihre Seite prinzipiell von Oben nach Unten bzw. von Außen nach Innen auf. Die Schaltfläche Einfügen hilft Ihnen in bestehende Strukturen später Einfügungen zu machen, ohne einen kompletten Bereich zu löschen und komplett neu aufzubauen.

Durch Klicken auf Hinzufügen blenden Sie ein Popup ein, in dem die Module angeboten werden, die Ihnen das Pages System zur Verfügung stellt.

Bitte stellen Sie sicher, das Ihr Browser auf der Shop-Seite keine Popups blockiert.

Die Liste ist von einfachen HTML Elementen bis hin zu komplexen Layout-Elementen passend zum Grundlayout Ihres Shops sortiert.

Wählen Sie das gewünschte Modul aus und klicken Sie auf Hinzufügen.

Das gewünschte Modul wird im Ändern Modus auf der Seite dargestellt, wo vorher die Hinzufügen Schaltfläche angezeigt wurde und kann jetzt mit der Ändern Schaltfläche parametrisiert werden.

Außerdem erscheint eine neue Hinzufügen Schaltfläche, um weitere Module hinzuzufügen.

Ändern von Inhalten einer Seite

Jedes im Ändern-Modus dargestellte Modul zeigt oberhalb des Moduls innerhalb der punktierten Begrenzungslinie die Schaltflächen Ändern und Einfügen.

Klicken Sie auf die Ändern Schaltfläche, um den Ändern Dialog anzuzeigen.

Bitte stellen Sie sicher, das Ihr Browser auf der Shop-Seite keine Popups blockiert.

Der Dialog besitzt vier Registerkarten, wovon die erste Registerkarte die Parameter zeigt, die für das Modul geändert werden können. Es gibt auch einfache HTML Elemente, die keine Parameter besitzen, weshalb die erste Registerkarte leer ist.

Eine Beschreibung der Parameter finden Sie bei der Dokumentation der jeweiligen Module.

Formatierungen mit Cascading Stylesheets (CSS3)

Auf der zweiten Registerkarte des Ändern Dialogs können zusätzliche Formatierungen vorgenommen werden, die das Modul nicht standardmäßig mitbringt. Im Feld können CSS Styles festgelegt werden, wie z.B.

Sie können in der Format Registerkarte mehrere CSS Styles mit Strichpunkt getrennt angeben.

Wenn das Modul intern selbst diese Styles festlegt, wird der Style in der Format Registerkarte nicht wirksam werden, weil er vom Modul überschrieben wird.

Layout für responsive Darstellung

Auf der Registerkarte Layout können Angaben gemacht werden, wie sich das Element in unterschiedlichen Bildschirmgrößen verhält. Dazu können Größen für

• Phones

• Tablet

• Window

• Desktop

definiert werden. Diese Begriffe stellen nur Hinweise für die Größenordnung dar. Tatsächlich ist in den Layouts des Shops festgelegt, welche Bildschirmauflösungen für diese Größenordnungen verwendet werden.

Unter diesen Größenangaben können die Parameter jeweils unterschiedlich eingestellt werden.

Die wichtigsten Einstellungen sind die vier Felder für die Breite des Elements. Die Breite kann entweder leer bleiben oder eine Zahl zwischen 1 und 12 enthalten, wobei 12 die gesamte Breite des Layouts definiert und 1 ein zwölftel des gesamten Layouts.

Sollen später beispielsweise drei Module gleich breit nebeneinander gestellt werden, so sollte eine Breite von 4 bei allen drei Modulen verwendet werden. Wenn die gleichen Module auf dem Desktop nebeneinander gestellt werden sollen, am Smartphone aber untereinander stehen sollen, dann geben Sie die 4 in der Window und Desktop Spalte ein, aber eine 12 bei allen Modulen in der Phones und Tablet Spalte.

Mache Module sollen auf einem Smartphone auch verschwinden, weil sie sonst im Bildschirmaufbau vor den wichtigen Elementen dargestellt werden würden und dem Kunden zum Scrollen zwischen würden. Bei solchen Modulen kann in der Phones bzw. eventuell auch in der Tablet Spalte die Option Verstecken angeklickt werden.

Sind solche Elemente für den Kunden trotzdem wichtig, kann das gleiche Modul weiter unten auf der Seite nochmals angelegt werden, aber dafür in der Layout Registerkarte die Option Verstecken bei Window und Desktop benutzt werden.

Ändern des Position des Moduls

Auf der Registerkarte Modul im Ändern Dialog wird im Eingabefeld Position eine Zahl eingeblendet, nach der das System bei der Darstellung die Module sortiert.

Um ein Modul in der Bildschirmdarstellung weiter nach oben zu bringen, muss hier nur eine kleinere Zahl eingegeben und auf Speichern geklickt werden. Die Zahl muß nicht fortlaufend sein und kann auch negativ sein.

Um ein Modul in der Bildschirmdarstellung weiter nach unten zu bringen, muss hier nur eine größere Zahl eingegeben und auf Speichern geklickt werden.

Vorläufiges Ausblenden des Moduls

Auf der Registerkarte Modul im Ändern Dialog kann die Option Sichtbar deaktiviert werden, um ein Modul vorläufig aus der Bildschirmdarstellung auszublenden, weil es derzeit nicht benötigt wird (z.B. Öffnungszeiten zu Weihnachten) oder weil es noch parametrisiert werden muss (z.B. ein neu eingefügtes Modul auf einer bestehenden Seite).

Ausgeblendete Module sind im Ändern Modus sichtbar, werden aber dem Kunden und auch in der Vorschau nicht dargestellt.

Löschen von Modulen

Um ein Modul aus dem Seitenaufbau zu entfernen, rufen Sie den Ändern Dialog auf. Im Ändern Dialog ist rechts oben eine Löschen Schaltfläche.

Gelöschte Module können nicht wieder zurückgeholt werden. Sie müssen mit der gesamten Parametrisierung neu angelegt werden. Sie sollten deshalb nicht benötigte Module immer eher ausblenden, als sie endgültig zu löschen.