Installation Modi-Art-WAI Template für JTL-Shop3

Zur Installation des Modi-Art-WAI Template für JTL-Shop3 gehen Sie bitte nach dieser Anleitung vor.

Upgrade-Hinweis: Falls Sie bereits einen JTL-Shop2 mit Modi-Art-WAI Template betreiben und individuelle Anpassungen an css/custom.css und den Bilder unter images vorgenommen haben, so können Sie diese Dateien (custom.css und Bilder unter images) nach der Installation einfach in das Modi-Art-WAI Template für JTL-Shop3 zurückkopieren, um Ihre Design-Anpassungen beizubehalten.

  1. Entpacken
    Entpacken Sie die zip-Datei, die Sie von uns erhalten haben, in ein lokales Verzeichnis auf Ihrem PC (z.B. nach c:\temp\templates\).
    Wir empfehlen die folgende Software zum Entpacken:
    •  7-Zip (freier Dateipacker für Windows)
      Im Zielordner befindet sich nach erfolgreichem Entpacken ein neues Verzeichnis: modi-art-wai.
  2. Hochladen
    Den Ordner modi-art-wai kopieren Sie (mitsamt Inhalt) in das Template-Verzeichnis Ihres JTL-Shop3 (/<shop-wurzelverzeichnis/templates/).
    Wir empfehlen die folgende Software zum Übertragen der Dateien auf den Web-Server:
  3. Aktivieren im Shop-Backend
    Im JTL-Shop-Backend (erreichbar über http://<IhreShopUrl>/admin) im Menüpunkt Templates das modi-art-wai-Template auswählen und bestätigen. Sie werden im Anschluß auf die Seite mit den Modi-Art-WAI Template-spezifischen Einstellungen weitergeleitet. Hier handelt es sich um Einstellungen, welche bestimmte Funktionen oder Darstellungen im Modi-Art-WAI Template beeinflussen.
  4. Modi-Art-WAI Sprachvariablen Deutsch und Englisch importieren
    • Bitte wählen Sie im Admin-Backend Ihres JTL-Shop3 den Menüpunkt Admin->Sprachverwaltung, wählen Sie die Sprache deutsch und klicken Sie auf den Reiter Import.
    • Die deutsche Sprach-Import Datei finden Sie im Modi-Art-WAI Template Verzeichnis unter lang/modi-art-wai-lang-import-ger.slf.
    • Im Feld Typ selektieren Sie bitte "Vorhandene beibehalten, neue importieren"
    • Klicken Sie auf Durchsuchen, wählen Sie die Datei modi-art-wai-lang-import-ger.slf und bestätigen Sie mit OK.
    • Für die Sprache englisch (nur vorhanden, wenn Sprache englisch in der Wawi für den Webshop aktiviert wurde) wählen Sie in der Selectbox in der Sprachverwaltung englisch und importieren die Datei lang/modi-art-wai-lang-import-eng.slf.

Erste Schritte nach der Installation

  • individuelle Template-Einstellungen im Admin-Bereich unter Darstellung->Template->Modi-Art-WAI Einstellungen vornehmen
  • Barrierefreiheit der eigenen Inhalte überprüfen, Code-Qualität eigener Inhalte und HTML-Quelltexte in der Wawi prüfen und verbessern. Siehe Tools zum Validieren und Website-Qualität messen
  • Für Entwickler und Webdesigner: Design-Anpassungen per CSS vornehmen: Unter DevBestPractices finden Sie nützliche Tipps und Tools zur Entwicklung und Design-Anpassung. Beispiele für häufige Änderungen an der custom.css sind hier aufgeführt.
    Nicht sicher, welche Datei welche Funktion erfüllt? Hier finden Sie Erläuterungen zur Ordner- und Dateistruktur im Modi-Art-WAI Template.

Hilfe