Grundlagen Einrichtung

Die folgende Einleitung vermitteln wir Ihne die Grundlagen für die erfolgreiche Einrichtung von xmstore nach der Installation des Systems.

Unterscheidung Front- und Backend

Das Frontend ist die eigentliche Website des Systems auf der z. B. ein Bildeinkäufer Motive begutachten und bestellen kann.

Im Gegensatz dazu ist das Framework das ″Backend″ und dient der Administration durch den Agenturbetreiber und den Medienautoren (z. B. Fotografen). Für den Zugang zum Backend benötigen Sie Zugangsdaten eines Benutzers.

→ Hauptartikel: Benutzer- & Rechteverwaltung


Programme für die Einrichtung

Browser

Der größte Teil der Einrichtung der Software erfolgt im Backend von xmstore und kann dort direkt über den Internet-Browser durchgeführt werden.

Beispiele:

  • Anlegen von Kategorien
  • Verschlagwortung von Medien
  • Einrichten von Preismodellen

Das Backend wurde für die Nutzung mit Mozilla Firefox entwickelt, daher wird dieser Browser (kostenfrei, quelloffen) empfohlen.

→ Hauptartikel: Browserkompatibilität

Wichtig
Bei manchen Änderungen im Backend (Auswahl des Templates, Kategorien, Seiten, usw.) müssen alle Browser-Fenster eines Browsers geschlossen und neu gestartet werden. Erst dann werden diese Änderungen im Frontend dargestellt.
Tipp: Sie können auch mit zwei Browsern (z. B. Frontend Internet Explorer/ Backend Firefox) arbeiten, damit Sie sich im Backend nicht erneut anmelden müssen.


Wichtig
Auch Browser-Plugins beeinflussen die Funktionsweise von Modulen. Zum Beispiel wird die Kategoriedarstellung im Backend mit "Addblock Plus" blockiert. Deaktivieren Sie dazu das Plugin auf dieser Seite.


FTP-Programm

Bei machen Anpassungen kann es auch notwendig sein, Dateien vom Server herunterzuladen, diese zu bearbeiten und anschließend wieder auf den Server hochzuladen. Für das Herunter- und Hochladen wird ein FTP-Programm benötigt.

Beispiele:

  • Austausch des Logos im Frontend
  • Änderungen von Templates

Empfehlung Filezilla (kostenfrei, quelloffen), WinSCP (MS Windows, kostenfrei, quelloffen)



HTML-Editor

Wenn Sie HTML-Code oder Formatierungen (z. B. Templates) bearbeiten möchten, führen Sie diese Änderungen mit einem HTML-Editor durch.

Beispiele:

  • Verändern der Position des Suchfeldes
  • Entfernung eines Buttons oder einer Funktion

Empfehlung Notepad++ (kostenfrei, quelloffen)

Wichtig
Verwenden Sie nach Möglichkeit keine komplexen WYSIWYG-Editoren (z. B. wie Frontpage) für Anpassungen, da diese automatisch weitere Änderungen im Code vornehmen. Das kann dazu führen, dass das Template nicht mehr korrekt funktioniert.


Verzeichnisstruktur des Systems

Hier sehen Sie eine Übersicht der Dateien auf dem Server auf die Sie per FTP zugreifen können. Diese Dateien befinden sich alle unterhalb des Ordners Data. Bei der Verwendung eines eigenen Servers ist es möglich, dass Ihr FTP-Zugang auch oberhalb dieses Ordners liegt. Den Data-Ordner finden Sie dann wahrscheinlich unterhalb des Ordners htdocs.

FTP: /htdocs/data/

Inhalt des Data-Ordners

├ category                        (Nutzdaten der Kategorieverwaltung)
├ cms                             (Nutzdaten der Seitenverwaltung) 
├ language                        (Sprachdateien)  
│  ├ backend                      (Sprachdateien Backend)
│  └ frontend                     (Sprachdateien Frontend)
├ media                           (Ordner für alle Artikel und Vorschaubilder)
│  ├ preview                      (Ordner für Vorschaubilder)
│  │  ├ detail                    (Vorschaubilder Detail)
│  │  ├ incoming_image            (Vorschaubild 100 % Ausschnitt in der Freigabe) 
│  │  ├ layout                    (Vorschaubilder Layout)
│  │  ├ mini                      (Vorschaubilder Mini)
│  │  ├ original                  (Originalordner für hochgeladene Vorschaubilder)
│  │  └ thumbnail                 (Vorschaubilder Thumbnails)
│  └ original                     (Ordner für Original-Dateien)      
│     ├ audio                     (Originalordner für Audio)
│     ├ image                     (Originalordner für Bilder)
│     ├ misc                      (Originalordner für Andere Formate)
│     └ video                     (Originalordner für Video)
├ payment                         (Zahlungssysteme)
│  ├ account                      (Zahlungssystem auf Rechnung)
│  ├ paypal                       (Zahlungssystem auf PayPal)
│  ├ prepayment                   (Zahlungssystem auf Vorkasse)
│  ├ sofortueberweisung           (Zahlungssystem auf Sofortüberweisung)
│  ├ paymentprovider.if.php       (Programmierinterface für Zahlungssysteme)
│  └ skeleton.php                 (Leeres Zahlungssystem zur Programmierung)
├ run                             (Nutzdaten von Hintergrundprozessen)
├ template                        (Ordner für Templates)
│  └ basic                        (Name des Templates)
│     ├ bin                       (Zwischenspeicher für Smarty)
│     ├ cache                     (Zwischenspeicher für Smarty)
│     ├ footerlink                (Möglichkeit Links im Footer von Detailseiten auf externe Seiten zu platzieren (SEO))
│     ├ icon                      (Icons die im Frontend verwendet werden z. B. in Buttons)
│     ├ img                       (Ordner für sprachunabhängige Grafiken)
│     ├ img_de                    (Ordner für sprachspezifische Grafiken DE)
│     ├ img_en                    (Ordner für sprachspezifische Grafiken EN)
│     ├ pplogo                    (Logos von Zahlungsdienstleistern)
│     ├ preview                   (Informationen zum Template zur Vorschau im Backend)
│     ├ cart.tpl                  (Warenkorb)
│     ├ category.tpl              (Kategorieren)
│     ├ cms.tpl                   (Seiten die über das CMS angelegt werden)
│     ├ customerarea.tpl          (Kundenbereich)
│     ├ customer_widgets.tpl      (Formulare zum Login, Registrierung und Passwort-Vergessen)
│     ├ detail_preview.tpl        (Mouse-Over-Vorschau aus der Thumbnail-Ansicht)
│     ├ detail.tpl                (Einzelseite eines Artikels mit allen Informationen)
│     ├ error404.tpl              (Hinweisseite wenn Seite nicht vorhanden ist > Fehler 404)
│     ├ index.tpl                 (Hauptseite)
│     ├ invoice.pdf-footer.tpl    (Kopf der Rechnung z. B. Logo)
│     ├ invoice.pdf-header.tpl    (Fuß der Rechnung z. B. Kontoverbindung)
│     ├ invoice.pdf.tpl           (Hauptteil der Rechnung z. B. Artikel)
│     ├ lockdown.tpl              (Sperrseite)
│     ├ main.tpl                  (Grundaufbau der Seite z. B. Position der Navigation, Suchbox, Kategorien, Logo)
│     ├ medialist.tpl             (Darstellung von ähnliche Artikeln in der Detailansicht eines Artikels)
│     ├ order.tpl                 (Bestellungsseiten)
│     ├ price.tpl                 (Box zur Auswahl der Optionen und Kriterien im jeweiligen Preismodell)
│     └ stylesheet.css            (Formatierung der Seiten über Cascading Stylesheets CSS)
├ user                            (Nutzdaten der Benutzerverwaltung)
├ watermark                       (Ordner für Wasserzeichen)
├ config.inc.php                  (Konfiguration des Systems)
├ database.inc.php                (Konfiguration des Datenbankzuganges)
└ hooks.inc.php                   (Individuelle PHP-Programmierung über Hookpoints)

Inhalte des Frontends

Eine Seite im Frontend wird aus dem folgenden Inhalten zusammengestellt.

Template

Das Template legt den Grundaufbau des Designs mit HTML- und CSS-Befehlen fest.

→ Hauptartikel: Templates

Grafiken

Im Template können verschiedene Grafiken verlinkt sein (z. B. Logo.gif). Diese befinden sich in den entsprechenden Ordner des Templates auf den Server und können per FTP geändert werden.

Wenn Sie ein mehrsprachiges System verwenden und unterschiedliche Sprachversionen eines Bildes verwenden möchten, können Sie für die Sprache einen eigenen Ordner anlegen (z. B. für englische Grafiken img_en).

Datenbank

Zahlreiche Inhalte (z. B. Kategorien) entnimmt das System direkt über Smarty-Elemente aus der Datenbank des Systems. Diese Inhalte können über das Backend bearbeitet werden und können mehrsprachig erfasst werden.

Sprachdateien

Die allgemeinen Texte und Begriffe des Systems entnimmt das System aus Dateien im Format json. Diese Dateien können direkt über das Backend bearbeitet werden.

Backend → Einstellungen → Texte & Begriffe

Weitere Informationen: → Hauptartikel: Mehrsprachigkeit

Hinweis
Die Bearbeitung der Dateien über das Backend ist nur möglich, wenn bei der Installation Ihr Systemadmistrator die benötigten Rechte auf die entsprechenden Ordner und Dateien eingerichtet wurden.


Beispiel für die Einrichtung & Anpassung einer Seite (Frontend)

Detail-Seite

Anhand einer Grafik hier ein Beispiel für die Anpassung und Einrichtung einer Seite (Detailseite) in den verschiedenen Bereichen.

Farbliche Markierungen auf dieser Seite

  • Blau = Zugriff über FTP-Programm (z. B. Templates)
  • Rot = Anpassung über Backend (Inhalte der Datenbank)
  • Grün = Anpassung über Backend (z. B. JSON-Dateien)


→ Hauptartikel: Templates