Wechseln zu: Navigation, Suche

Shop-Templates:JTL-Shop3-Mobile


Verwandte Themen:


Die Weiterentwicklung des Templates "JTL-Shop3-Mobile" wurde in der Beta-Phase eingestellt!
Das Template kann Fehler enthalten und unterstützt nicht den vollen Funktionsumfang von JTL-Shop3.

Wir haben uns stattdessen entschieden, die Entwicklungsleistung in das zeitgemäßere Evo-Template für JTL-Shop Version 4 zu investieren, das volle Responsivität bietet und kein separates Template zur automatischen Anpassung der Fenstergröße mehr benötigt.

Weitere Informationen zum Evo-Template für JTL-Shop Version 4 erhalten Sie auf folgender Seite:


Allgemeine Informationen

Das Template "JTL-Shop3-Mobile" ist standardmäßig im Installations und Updatepaket von JTL-Shop3.12 als Beta-Version integriert.
Es handelt sich dabei um ein minimales, für Handys und mobile Endgeräte optimiertes Shop-Template, welches parallel zu Ihrem Standard-Template (z.B. JTL-Shop3-Tiny) betrieben werden kann.


Das JTL-Shop3-Mobile Template Smartphone 1.jpg Abfrage, ob das optimierte Template für mobile Endgeräte geladen werden soll

Smartphone 2.jpg Die Info-Seite (mit allen wichtigen Links zu AGB, Impressum etc)

Smartphone 3.jpg Startseite

Smartphone 4.jpg Kategorieansicht

Smartphone 5.jpg Artikeldetails

Smartphone 6.jpg Artikeldetails

Smartphone 7.jpg Warenkorb

Smartphone 8.jpg Anmelden-Formular

Aktivierung des JTL-Shop3-Mobile Template

Wählen Sie im Admin-Backend des JTL-Shop3 den Menüpunkt Darstellung -> Template. Klicken Sie dort bei JTL-Shop3-Mobile auf die Schaltfläche "Aktivieren". Im nächsten Schritt werden Sie zu den Template-Einstellungen geführt: Wählen Sie dort bei der Einstellung Standard-Template für mobile Endgeräte? die Option "Ja, optimiert für mobile Endgeräte" und bestätigen Sie durch einen Klick auf die Schaltfläche "Template aktivieren".

Bitte beachten Sie, dass neben dem Mobile-Template immer ein Standard-Template für Standard-Browser aktiv sein muss (in der Regel "JTL-Shop3-Tiny"), bei welchem die Einstellung Standard-Template für mobile Endgeräte? auf "Nein, optimiert für Standard-Browser" stehen muss (Standard).

Im Anschluß ist das Template aktiv. Wird der Shop nun von einem mobilen Endgerät aufgerufen, erscheint eine Abfrage (Siehe Bild1 oben), ob eine für mobile Endgeräte optimierte Version geladen werden soll. Wird diese Abfrage mit Ja beantwortet, so wird der Shop mit Mobile Template geladen.

Mobile-Template Testen

Das Laden des Mobile Templates kann (auch über einen normalen Browser) durch einen URL-Parameter mt=1 erzwungen werden.

    1. Mobile-Template aktivieren: SHOP_URL/?mt=1
    2. Mobile-Template deaktivieren: SHOP_URL/?mt=0

Funktionen im JTL-Shop3-Mobile-Template

Unterstützte Funktionen:

    1. Übersichtliche und benutzerfreundliche Darstellung von Startseite, Sitemap (Info-Button), Suche, Kategorieansichten, Artikeldetails, Bestellvorgang
    2. Optimierte Artikellisten für Kategorien und Suche
    3. Artikel mit Variationen (Radio/Selectbox/Freifeld)
    4. Optimierte Version des Kundenkontos
    5. Nutzung der Shop CMS-Texte, die im Admin für Linkgruppen gepflegt sind (kein doppelter Pflegeaufwand!)

Nicht unterstützt in der aktuellen Template-Beta-Version:

    1. Konfiguratorgruppen und Nachladen von Variationskombinationen
    2. Hook 140 Plugins (absichtlich deaktiviert in functions.php, da die xHTML-Struktur des Mobile-Template grundlegend verschieden ist von der des JTL-Shop3-Tiny)

Fußleiste im Mobile-Template

Die Fußleiste im Mobile-Template enthält standardmäßig die folgenden Links:

    1. Home (Startseite)
    2. Suche (verknüpft mit der Seite "Livesuche". Es muss eine Seite mit Typ Spezialseite="Livesuche" im Admin-Backend CMS in einer beliebigen Linkgruppe hinterlegt sein)
    3. Info (verknüpft mit der Seite "Sitemap". Es muss eine Seite mit Typ Spezialseite="Sitemap" im Admin-Backend CMS in einer beliebigen Linkgruppe hinterlegt sein)
    4. Mein Konto (Verknüpft mit jtl.php. Es muss eine Seite mit Typ Spezialseite="Mein Konto" im Admin-Backend CMS in einer beliebigen Linkgruppe hinterlegt sein)
    5. Warenkorb (verknüpft mit warenkorb.php)

Technische Details zum Mobile Template

Das Mobile Template nutzt folgendes Framework für eine optimierte Darstellung auf mobilen Endgeräten:


Wichtig: Sofern Sie Plugins einsetzen oder eigenen JavaScript-Code in CMS-Seiten eingefügt haben, sollten Sie sicherstellen dass dies mit dem Mobile-Template kompatibel ist. Da die Darstellung im Mobile-Template über jQuery bzw. jquerymobile gesteuert wird, kann es ansonsten bei JavaScript-Fehlern zu Fehlanzeigen im Mobile-Template kommen.

Wie geht es weiter?