MobileST: Smartphone & Tablet Modul/Template für Modified & xt:Commerce v3 Shops
Veröffentlicht am 19. Jun. 2011 von André Gärtner in Featured, JavaScript, Verschiedenes, Web 2.0
Smartphones gewinnen aktuell immer mehr an Bedeutung. Große E-Commerce Versandhäuser, wie z.B. Amazon, optimieren Ihre Web-Auftritte mittlerweile alle für dieses Medium. Es werden sogar eigene Apps für den schnellen Einkauf angeboten. Betreibern kleiner Shops fehlen da größten Teils die finanziellen Mittel für eine solche Optimierung. Da die Shop-Anwendung xt:Commerce (v3) und Modified mit zu den meist genutzten Online-Shop-Lösungen gehören, habe ich mir gedacht, ich entwickle ein Modul, mit dem jeder XTC-Shopbetreiber seinen Shop für die gängigsten Smartphones optimieren kann. Herausgekommen ist das Modul: MobileST.
MobileST ist ein Modul für xt:Commerce, das den Online-Shop-Besuchern ein komfortables Einkaufserlebnis bietet, die mit Ihrem Smartphone unterwegs sind. Alle Seiten sind so optimiert, dass der Besucher schnell und einfach durch die einzelnen Shopseiten navigieren kann und sofort alle nötigen Informationen auf einem Blick hat. Die Navigation ist Touch-optimiert und die Darstellung so gewählt, dass nicht mehr in die Seite hereingezoomt werden muss.
Das Modul ermöglicht es mit dem Smartphone, einfach nach gewünschten Artikeln zu suchen, diese aufzurufen, und sich Produktangaben auf Artikel-Detailseiten anzuschauen. Dort findet der Kunde Produktbeschreibungen, ähnliche Angebote, die Option, den Artikel in den Warenkorb zu legen und anschließend zu bestellen. Weiterhin können das Kundenkonto verwaltet werden und getätigte Bestellungen eingesehen werden.
Im Folgenden sind eingige Screenshots von MobileST zu sehen:
- Startseite vom Shop
- MobileST: Startseite
- MobileST: Artikel einer Kategorie
- MobileST: Artikeldetails
- MobileST: Artikeldarstellung Details
- MobileST: Kategoriedarstellung
- MobileST: Kategorie mit Beschreibung
- MobileST: Anmeldung
- MobileST: Warenkorb
- MobileST: Versandoptionen
- MobileST: Kundenkonto
- MobileST: Kontakt
- MobileST 2.0: Startseite mit Angebots-Slider
- MobileST 2.0: Neue Popup-Suche
- MobileST 2.0: Artikelattribute und Touch-optimiertes Stückzahlfeld
- MobileST 2.0: Popup der Info-Links
- MobileST 2.0: Komplett überarbeitete Formulare
- MobileST 2.0: Kategorie Darstellung
- MobileST 2.0: Produktseite mit neuen Slider und Autoscrollfunktion
- MobileST 2.0: Alle Buttons jetzt Touch-optimiert
- MobileST 2.0: Warenkorb komplett überarbietet
- MobileST 2.0: Komplett überarbeiteter Checkout Prozess
- MobileST 2.0: Komplett überarbeiteter Checkout Prozess
- MobileST 2.0: Startseite mit Quicklinks und zuletzt angesehenem Artikel
- MobileST 2.0: Startseite – iPad optimiert
- MobileST 2.0: Kategoriedarstellung – iPad optimiert
- MobileST 2.0: Produktseite – iPad optimiert
- MobileST 2.0: Artikelliste mit Such-Popup – iPad optimiert
- MobileST 2.0: Login – iPad optimiert
- MobileST 2.0: Warenkorb – iPad optimiert
- MobileST 2.0: Kundenkonto – iPad optimiert
- MobileST 2.0: Checkout – iPad optimiert
- MobileST 2.0: Formulare – iPad optimiert
Unterstützte Smartphones sind: Geräte mit iOS, Android, BlackBerry, Windows Phone, Palm web OS, Symbian und Bada
Wer das Ganze mal testen und live sehen möchte, kann dieses in meinem Demoshop machen. Beachten Sie die Hinweise auf der Startseite wenn Sie es direkt am PC und nicht mit dem Smartphone testen wollen.
Preise & Lizenzmodell:
MobileST wird unter der Creative Commons Attribution 3.0 Lizenz (CC-BY 3.0) veröffentlicht, welche die kostenlose Nutzung sowohl im privaten Bereich, als auch für die kommerzielle Anwendung gestattet.
Bedingung: Für die kostenfreie Nutzung des MobileST Moduls ist eine Rückverlinkung zur Phodana-Homepage (https://www.phodana.de) im Impressum Ihres Shops und im mobile Template unter ‚Mehr -> Über MobileST‘ vorgeschrieben.
Für den Einsatz des Moduls ohne die Einschränkungen der Creative Commons Lizenz (Namensnennung/Rückverlinkung) steht alternativ ein kostenpflichtiges Lizenzmodell zur Verfügung:
Für 39,- € netto erhält der Lizenznehmer ein projektgebundenes Nutzungsrecht für die Verwendung des Moduls ohne Namensnennung des Autors/Rückverlinkung zur Homepage. Das Nutzungsrecht ist an eine Projektdomain gebunden und gilt zeitlich unbegrenzt. Die Lizenz schließt auch die Nutzung zukünftiger Versionen des Moduls mit ein. Desweiteren bekommt der Lizenznehmer eine erweiterte Version, die mehr Features enthält.
Zusätzliche Features für Lizenznehmer:
- Mobile Template auch für Tablets optimiert
- Option für automatische Mobile Template Aktivierung bei Shopaufruf über das Smartphone oder Tablet (direkte Weiterleitung)
- Startseite mit zusätzlichen Anzeigen: Angebot-Slider, zuletzt angesehener Artikel, Supportlinks (Telefonnummer und E-Mail)
- Anzahl der sich im Warenkorb befindenden Artikel in der Button Leiste sichtbar
- Einfache Anpassung des Mobile Templates (Farben, Schrift, Buttons usw.)
- Keine Rückverlinkung zur MobileST Seite im Impressum und Template mehr nötig
- Erweiterter Support
Wenn Sie MobileST nun uneingeschränkt nutzen und die zusätzlichen Features haben möchten, dann können Sie über folgenden Link eine Rechnung für eine Lizenz (39,- € netto) anfordern. Geben Sie bitte Ihre vollständigen Daten an. Bei dem Feld ‚Website‘ geben Sie bitte die Shop-Adresse an. Die Lizenz kann dann entsprechend ausgestellt werden.
Support:
Damit keiner im Regen stehen gelassen wird, wenn es mal Probleme geben sollte, biete ich natürlich auch Support für das Modul an. Man kann mich jederzeit gerne per E-Mail kontaktieren, ich versuche dann schnellst möglichst zu helfen. Wer sich nicht traut die einfache Installation von dem Modul vorzunehmen, da kann ich das gerne gegen einen Aufpreis von 30€ (netto) übernehmen. Wer das Modul noch angepasst haben möchte, sprich mit eigenem Logo und anderen Änderungen, da kann ich das ebenfalls gerne gegen einen Aufpreis machen. Anpassungen und Änderungen werden mit 40€/Std. (netto) berechnet.
Donwload:
Download:
MobileST 2.0.3 für Modified 1.05 und 1.06 (2,8 MiB, 5.106 klicks)
Download:
MobileST 2.0.3 für xt:Commerce 3.04 (1,4 MiB, 2.600 klicks)
Hinweis: Lizenznehmer bekommen die erweiterte Version nach Zahlung per E-Mail zugeschickt. Diejenigen, die bereits eine Lizenz erworben haben, können per E-Mail kostenlos die neuen Version anfragen.
Updates:
UPDATE (27.06.11): Nun ist auch eine xtcMobile Version für den original xt:Commerce 3.0.4 SP2.1 da. Gleichzeitig hab ich die Version für xtcModified geupdated. Dort wurden kleinere Korrekturen vorgenommen.
UPDATE (07.07.11): Neue Version 1.4.0 online. Änderungen: xtcMobile wurde in MobileST umbenannt, da ich von den xt:Commerce Entwicklern angemailt wurde, dass es sich bei xtcMobile um eine markenrechtliche Abwandlung handelt, was nicht gestattet ist. Weiterhin wurden einige Kleinigkeiten verbessert und überarbeitet. U.a. wurde auf das neue jQuery Mobile Framework umgestellt. Genauere Infos steht in der Changelog.txt des jeweiligen Download-Archives.
UPDATE (12.09.11): Es ist soweit, ein ähnliches Modul wie MobileST ist nun auch für Gambio GX2 verfügbar. Dieses Modul ist jedoch nicht über mich zu beziehen, sondern über die Firma Dupp Datensysteme GmbH. Wer Interesse an dem Modul bzw. Template hat, schreibt bitte eine E-Mail an info@sync4.de und verweist auf mich zurück. Die Kosten liegen bei 99€.
UPDATE (10.02.13): Nach längerer Pause, gibt es jetzt ein Update für die Modified Shops. MobileST 2.0 ist da. Es wurde komplett überarbeitet und mit vielen neuen Features ausgestattet. Besonders lizenzierte Nutzer werden Ihre Freude haben, da Sie zusätzliche Features erhalten. Version 2.0 wird auch für die älteren xtc v3 Shops kommen. Ich bitte da aber noch um etwas Geduld.
UPDATE (02.04.13): Nun ist auch die neue 2.0 Version für den alten xt:commerce v3 fertig. Gleichzeitig hab ich für die modified Variante ebenfalls ein kleines Update veröffentlicht, in der Kleinigkeiten verbessert und behoben wurden.
UPDATE (24.01.14): Neue jquery Mobile Version und einen Fehler behoben.
UPDATE (31.01.17): Nach fast drei Jahren Pause ist nun endlich die neue Version 2.1 für den modified Shop 2.0.x.x da. Die neue Version wird es jedoch vorerst nicht kostenlos geben. Diejenigen, die bereits schon eine Lizenz erworben haben, bekommen selbstverständlich die neue Version 2.1 ohne weitere Kosten.
Wichtig: Version 2.1 ist nur mit der aktuellen Modified Version 2.0.x.x funktionsfähig. MobileST wird für die älteren Modified Versionen (1.05 oder 1.06) nicht weiter gepflegt. Wer also noch eine ältere Modified Version benutzt, für den gibt es KEIN neues MobileST Update.
Changelog:
v2.1:
- Neu: an Modified 2.0 angepasst: Merkliste, Schnellkauf usw.
- Neu: Das Ändern der Anzahl der Artikel im Warenkorb muss nicht mehr über den Aktualisieren Knopf bestätigt werden
- Neu: Generierung der Kategorien läuft jetzt viel schneller (Läuft jetzt auch bei Shops mit sehr vielen Artikeln sehr schnell)
- Neu: Produktseiten-Navigation verbessert
- Neu: Größe einiger JS und CSS Dateien optimiert
- Viele andere Kleinigkeiten geändert
v2.0.3:
- Behoben: XSS Möglichkeit geschlossen
v2.0.2:
- Wechsel von jquery mobile 1.2.0 auf 1.2.1
v2.0.1:
- Neu: gv_send.html Überarbeitet
- Neu: Detailbilder werden jetzt in einem Popup angezeigt
- Behoben: Stepper im Warenkorb mit Min Attribut
- Behoben: Staffelpreise
- Behoben: Artikelnamen beim Angebots-Slider auf der Startseite werden bei zu langen Namen gekürzt
v2.0.0:
- Neu: neue jQuery Mobile Version eingebaut
- Neu: Einfache Anpassung des Mobile Templates (Farben, Schrift, Buttons usw.) (nur lizensierte Version)
- Neu: neue Browser Erkennung: jetzt über Javascript, so dass das Mobile Template auch nur aufrufbar ist, wenn der Browser auch Javascript erlaubt
- Neu: Option für automatische Mobile Template Aktivierung bei Shopaufruf über das Smartphone oder Tablet (nur lizensierte Version)
- Neu: Tablet/iPad Support (nur lizensierte Version)
- Neu: Installation vereinfacht
- Neu: Haupttemplate muss nicht mehr bearbeitet werden, Mobile Template kann jetzt über jedes beliebige Template aufgerufen werden
- Neu: Startseite jetzt mit neuen Anzeigen: Angebot-Slider, zuletzt angesehener Artikel, Supportlinks (nur lizensierte Version)
- Neu: Template jetzt mit Hinweisen zu MwSt und Versand
- Neu: Impressum jetzt über jede Seite sofort aufrufbar
- Neu: Fixed Button Leiste
- Neu: Hauptkategorien lassen sich jetzt immer über einen Button per Popup aufrufen
- Neu: Anzahl der sich im Warenkorb befindenden Artikel in der Button Leiste sichtbar (nur lizensierte Version)
- Neu: Artikel können bei den Listings jetzt gefiltert werden
- Neu: Suche jetzt über Popup auf jeder Seite verfügbar
- Neu: Breadcrumb Trail auf jeder Seite
- Neu: Produktinfoseite komplett überarbeitet
- Neu: Stückzahlfeld auf der Produktinfoseite jetzt mit In- und Decrement Buttons
- Neu: Neuer Artikelbild Slider mit Autoscroll Funktion
- Neu: Produktnavigator auf der Produktinfoseite (muss im Adminmenü aktiv sein)
- Neu: Bewertungen der Artikel können jetzt gelesen werden
- Neu: Alle Seiten mit Formularfeldern überarbeitet
- Neu: Checkout komplett überarbeitet, alle Auswahlmöglichkeiten jetzt Touch-optimiert
- Neu: Alle bisher nicht Touch-optimierten Buttons sind jetzt Touch-optimiert
- Neu: Warenkorb überarbeitet mit Touch-optimierter Artikelanzahl- und Löscheingabe
- Behoben: Angabe der Anrede wird jetzt bei einem Fehler mit zurückgespeichert
- Behoben: Probleme mit iOS bei den ‚Accordins‘ Blöcken behoben
- Behoben: Andere zahlreiche Problemstellen behoben
- Entfernt: Photoswipe entfernt
v1.4.0:
- xtcMobile heißt nun MobileST
- Behoben: Kleinen Fehler in der Anleitung behoben
- Behoben: beim Wechsel zwischen Landscape und Portait Orientierung bleiben die Bilder nun zentriert
- Behoben: HTML Fehler in der create_account.html und create_account_guest.html behoben
- Neu: neue jQuery Mobile Version eingebaut
- Neu: neue Version von Photoswipe eingebaut
- Neu: neuer Image Slider
- andere Kleinigkeiten verbessert
v1.1.0:
- Neu: product_options Templates
- Neu: product_info Templates
- Neu: Hilfe von der Erweiterten Suche jetzt direkt auf der Suchseite, kein Link mehr
- besser aussehende account_history_info Tabelle
- Warenkorb Tabelle etwas angepasst
- jquery Mobile Script wird nun lokal geladen und nicht mehr von externem Server
v1.0.0:
- erster Release
41 Kommentare
Der Facebook Gefaellt mir Button wuerde sich gut im Blog machen, oder habe ich ihn uebersehen?
Stephan
22. Jun. 2011
Hallo!
Das klingt ja schon sehr gut.
Bis wann, glauben Sie denn, wird die Version für den normalen Xt Commerce Shop 3 fertig sein? Suche eine simple Lösung, ohne ein Upgrade auf Veyton, mobilen Besuchern die Shopartikel anzubieten ohne viel Umstellerei.
Grüße,
Stephan
Stephan
22. Jun. 2011
bis zur Änderung bei der Metatags gehts, dann ist Schluss (Fatal error: Call to undefined function metaclean() in /kunden/154240_5310/webseiten/jeansshop/includes/modules/metatags.php on line 77)
ich denke, beim XT Original ist das mit metaclean nicht vorhanden. Die Darstellung selbst haut aber schon ganz gut hin, solange man keine Artikel klickt.
Basti
23. Jun. 2011
Scheint echt gut zu funktionieren.
Eine auf den normalen XTC angepasste Version würde mich auch sehr freuen.
Da wäre ich -nach kurzem Funktionstest- sofort bereit, die Lizenz zu zahlen…
Mirko
23. Jun. 2011
Super endlich hat sich jemand diese Thema angenommen,
wäre auch sofort bereit die Lizenzgebühr zuzahlen, wenn es für die normale XTC Version gibt!
Also weiter machen;)
dusticelli
25. Jun. 2011
Gambio GX2 Kompatibilität wäre dann noch so eine Wunschoption für zahlungswilligen Interessenten.
Eventuell reicht da ja auch schon die normale XTC Version?
Ich hatte mal versucht die xtcModified Version in den Gambio GX einzubügeln (weil ich woanders vom erfolgreichen Versuch gelesen hatte), aber das hat dann bei mir nicht geklappt.
Auch im Gambio GX2 gibt es wohl so eine „metaclean Funktion“ nicht.
Käme also vielleicht auf einen Versuch an die XTC Version mal in einen Gambio zu bauen..
Auf jeden Fall, finde ich das Modul ziemlich stark.
Beide Daumen hoch!
Michael
18. Jul. 2011
Habe vor knapp 2 Wochen einen Gambio GX2 für einen Pizzaservice erstellt. Nun wäre es wirklich klasse diesen Kunden auch eine mobile Version des Shops bieten zu können.
dusticelli
21. Jul. 2011
Gibt es denn in Sachen Gx2 schon was neues?
Hallo Andre‘, wann denkst Du das du mit der Version von Gambio GX2 fertig bist, habe Kunden die warten schon drauf, da fallen auf alle fälle ein paar Lizenzen ab.
Viele Grüße!
Hi, ich habe in diesem Bereich auch ein paar Anfragen. Gerade für Gambio habe ich konkret 3 Anfragen. Falls du Unterstützung brauchst, sag Bescheid :)
Hallo, ist das MobileST Modul für Gambio GX 2 schon erhältlich? Grüsse
Steffen D.
08. Sep. 2011
Wie würde denn das GX2-Modul angeboten? Oder anders gefragt: WO, wenn nicht öffentlich?
Erwartungsvolle Grüße
Raphael
12. Dez. 2011
Hi,
werden Sie dies auch noch für den Veyton anbieten?
Wäre hammer!!
Sehr coole Sache, das werde ich mir demnächst mal näher ansehen. Leider funktionierte die mobile Templateansicht bei mir im Test nicht mit meinem Smartphone. Aber ansich tolle Sache – eine App für Android wäre natürlich noch viel genialer – falls das mal irgendwie möglich ist.
Chris
29. Okt. 2012
Wow! Tolles Template für Gambio GX2, ich beschäftige mich nun seit zwei Monaten mit dem Mobile Template und bin mit meinen Anpassungen schon fast fertig :). Ledeglich der Wechsel zwischen mobilen Template und EyeCandy Modifiziert beisst sich mit meiner Jquery Lightbox. Danke für dieses Template!
Benötige Dringend eine Info, wo ich den „Kaufen“ Button ändern kann. Ich würde gern den Text ändern auf kostenpflichtig bestellen, KAnn den Eintrag aber nirgendwo finden.
wahnsinn, da machen wir gleich was draus nen sportartikelladen, in schwabach
Georg Berhausen-Land
08. Feb. 2013
hallo,
sieht bei den Tests auf meinem local server unter xampp mit der modified ecommerce shop software Vers 1.06 sehr gut aus! Kompliment.
Zwei Fragen habe ich noch:
– darf das MobileST Erscheinungsbild (speziell das Logo) durch ein eigenes ausgetauscht werden (damit die eigene Firma noch repräsentiert ist)? Wenn ja, wo müsste das Logo in welchem Format eingefügt werden?
– erkennt beim Besuch der Website mit integriertem MobileST ein Smartphone automatisch, dass es eine mobile Ansicht gibt und wählt automatisch die mobile Ansichtsvariante?
Ich kann es im Moment selbst nicht testen, da meine Website noch nicht online ist.
beste Grüße
Georg Berhausen-Land
08. Feb. 2013
Hallo André,
das hört sich sehr gut an. Ich finde Deine responsive Lösung toll! Ich beschäftige mich seit geraumer Zeit mit dem Thema und weiss, wieviel Arbeit in einer solchen Lösung drin steckt.
Heute hatte ich versucht, meinen funktionierenden lokalen Shop unter xampp auf den Webserver hochzuschieben. Mehr als einen weissen Bildschirm konnte ich bisher allerdings bei dieser Aktion nicht erreichen. Im Moment bin ich etwas ratlos, wo das Problem liegen könnte. Meine ausführliche Beschreibung dazu findest Du in dem modified Forum unter folgendem Beitrag: http://www.modified-shop.org/forum/index.php?topic=13643.msg227438#msg227438
Ich vermute, dass es mit der php Version auf dem Server zusammenhängt. Bin mir aber nicht ganz sicher.
Für heute raucht mir erst einmal der Schädel.
Dir noch einen schönen Abend
Georg Berhausen-Land
09. Feb. 2013
Hallo André,
das Problem ist gelöst! Es war die php Version. Ein Anpassen der .htaccess war die Lösung.
Hie ist mal die Webadresse: http://www.guitar-specials.com
Grüße
Hallo André,
ich melde mich noch einmal wegen eines kleinen Problems, auf das mich ein modified ecommerce shop Forums-Mitglied aufmerksam gemacht hat. Da ich nicht der php Experte bin, übe Nachsicht, wenn ich mich nicht korrekt ausdrücken sollte. Ich verwende die shop Version 1.06.
Durch den Schritt 2 Deiner Install-Anweisung für MobileST Vers. 1.4.0 wird eine Änderung in der includes/header.php vorgenommen, die einen alten Bug wieder in die Datei schreibt. Dabei geht es um das Phänomen, dass in Firefox 4 nach Reload oder Seitenwechsel für ca. 1 Sek. eine weiße Seite auftaucht, bevor die eigentliche Seite schließlich erscheint. Wie ich gerade sehen konnte, hast Du die Version 2.0 veröffentlicht. Jetzt weiss ich natürlich nicht, ob mit dieser Version dieses Problem beseitigt wurde. Wenn nicht, könntest Du eine Lösung vorschlagen?
beste Grüße
Steffen T.
06. Mrz. 2013
Hallo,
mich würde interessieren wann genau mit der Version 2.0 für die älteren xtc v3 Shops zu rechnen ist?
Für eine kleine Auskunft wäre ich dankbar!
Viele Grüße
Steffen
Vielen lieben Dank für das Modul.
Habe es schon lange vor mir her geschoben es zu installieren, da ich Bedenken hatte ich würde es nicht hin bekommen.
Es hat zwar einen ganzen Abend gedauert, aber ich hab es geschafft :D
Danke!!!!
Peter
22. Jun. 2016
Hallo,
ist eine Version für den neuen Modified Shop 2.0 geplant?
PaRa
26. Okt. 2016
modified 2.0 support wäre echt der hit