Responsives Template für JTL-Shop 3.20

[deepblue]

Hallo,

habe mal eine Frage zu Responsives Template im Bezug auf den JTL-Shop 3.20.

Mit dem neuen JTL-Shop 3.20 soll es für den JTL-Shop ein Responsives Template
von JTL-Software geben.

Wir nutzen aktuell das Standard Tiny-Template und im Google Webmaster Tools
bekommen wir immer wieder folgendes angezeigt:

Benutzerfreundlichkeit auf Mobilgeräten: 5.242 Seiten mit Fehlern
Folgende Punkte werde bemängelt:

1. Größe des Inhalts nicht an Darstellungsbereich angepasst 5.242
2. Touch-Elemente zu dicht beieinander 5.217
3. Darstellungsbereich nicht konfiguriert 7
4. Kleine Schriftgröße

Wie es ausschaut werden wir um ein Responsives Template für unseren JTL-Shop nicht herum kommen.

Daher meine Frage, gibt es schon weitere Infos zum Responsives Template von JTL?

 

[martinwolf]

AW: Responsives Template für JTL-Shop 3.20

Das was man weiß ist, dass es auf Twitter Bootstrap basieren wird. Wenn diese Basis gut berücksichtigt und nicht zu sehr modifiziert wird, dann gehören die genannten Punkte der Vergangenheit an. Ich selbst bastle auch derzeit für 3 JTL Shops an Templates auf Bootstrap, das funktioniert super.

 

[deepblue]

AW: Responsives Template für JTL-Shop 3.20

@martinwolf

Meinst du bei dem Twitter Bootstrap das hier: Bootstrap · The world's most popular mobile-first and responsive front-end framework.

Mittlerweile bastelt sich jeder hier irgendwie sein eigenes Responsives Template für JTL-Shop.

Wir würden ja auch gerne umsteigen, aber ich möchte da erst noch einmal bis 3.20 abwarten.
Bin schon wirklich gespannt auf das Responsives Template von JTL.

Habe hier z.B. einen JTL-Shop gefunden der ein schönes Responsives Template einsetzt: Waterworld24

 

[Kaj]

AW: Responsives Template für JTL-Shop 3.20

@Deepblue: Hast Du bei dem schon mal einen Artikel aufgerufen über Smartphone Android ? Ist wohl eher eine Katastrophe. Bei mir einfach nur eine lange Ansicht auf der linken Seite.

Genau aus diesem Grund will ich etwas von der Stange. Ich habe diese Bastelei einfach satt...

 

[3po]

AW: Responsives Template für JTL-Shop 3.20

Habe hier z.B. einen JTL-Shop gefunden der ein schönes Responsives Template einsetzt: Waterworld24

die Firma, die das gemacht hat ist Insolvent, daher hat man nun den Stress an der Backe, das man bei einem Update entweder das Template in die Tonne kloppt oder eben ständig selber ein die neuen Versionen anpasst / anpassen lässt.

Wir verwenden ebenfalls ein eigenes, extrem stark modifiziertes Template, ist aber jedesmal ein Horror wenn es updates gibt.

 

[DaHmM]

AW: Responsives Template für JTL-Shop 3.20

Wir warten auch sehnsüchtig auf ein gutes hauseigenes JTL Responsive Template. Bootstrap sieht ja wirklich vielversprechend aus.

 

[martinwolf]

AW: Responsives Template für JTL-Shop 3.20

@martinwolf

Meinst du bei dem Twitter Bootstrap das hier: Bootstrap · The world's most popular mobile-first and responsive front-end framework.

Genau das meine ich, ja.

 

[deepblue]

AW: Responsives Template für JTL-Shop 3.20

@martinwolf

Das Thema interessiert mich sehr. Wie schaut es mit Bootstrap im Bezug auf das JTL-Template aus? Was genau wird durch Bootstrap genau erreicht?

Was mich beim Standard wirklich stört, ist die Nutzerfreundlichkeit auf Mobilgeräten. Dieses wird auch immer bei Google gemängelt.
Teilweise kommen auch schon die Kunden auf uns zu und fragen mach einer Mobilen-Version. Es gibt zum Beispiel sehr viele Kunden die surfen und shoppen mur noch mit einem ipad oder Samsung Galaxy Tablet.

Unser Standard Template (Tiny) verwendet aber nur eine Navigationsleite auf der rechten Seite. Link zum Shop findet man in meinem Profil.
Sollte man das alles auf eine horizontale Naviagationsleiste umstellen? Damit das vielleicht besser auf den Mobilen Geräten angezeigt wird.

Zusätzlich ist uns aufgefallen das schon so einfache Sachen im Template wie:

Das Element <span>Mein Konto</span> liegt außerhalb des Darstellungsbereichs.

bemängelt werden.

 

[martinwolf]

AW: Responsives Template für JTL-Shop 3.20

@deepblue: Hier der Link zu einem Projekt was ich gerade umsetze: News
Der Vorteil von Bootstrap ist im Grunde die ganze Basis für eine responsive Darstellung mittels vordefinierter Klassen. Schau Dir das Beispiel einfach mal an, dann siehst du schnell die Vorteile. Das Template an sich muss natürlich komplett in der HTML Struktur angepasst werden und weicht daher extrem vom JTL Standard ab. Die Funktionen des Shops bleiben natürlich erhalten, bzw. sind in einer modifizierten Version enthalten, sodass sämtliche Einstellungen des Shop Admins weiterhin greifen können.

 

[deepblue]

AW: Responsives Template für JTL-Shop 3.20

@martinwolf

Habe mir gerade mal dein Projekt angeschaut. Mir gefällt das schon sehr gut. Ein Responsive Template hätte für mich riesige Vorteile. Auf einer Seite könnte ich sehr viel mehr Produkte nebeneinander darstellen. Durch das verkleinern der Seitenformats (z.B. bei meinem ipdad) werden die Produkte deines Projektesimmer sauber dargestellt.

Das Problem bei uns ist die Navigationsleiste links. Sollte man das alles in eine Hozizontale Navigation unterbringen?

Ist die Grundlage bei dir ein Southbridge Template? Wenn ja warum, wurde das Bootstrap nicht schon von Sergej implemeniert?

 

[martinwolf]

AW: Responsives Template für JTL-Shop 3.20

@martinwolf

Habe mir gerade mal dein Projekt angeschaut. Mir gefällt das schon sehr gut. Ein Responsive Template hätte für mich riesige Vorteile. Auf einer Seite könnte ich sehr viel mehr Produkte nebeneinander darstellen. Durch das verkleinern der Seitenformats (z.B. bei meinem ipdad) werden die Produkte deines Projektesimmer sauber dargestellt.

Das Problem bei uns ist die Navigationsleiste links. Sollte man das alles in eine Hozizontale Navigation unterbringen?

Ist die Grundlage bei dir ein Southbridge Template? Wenn ja warum, wurde das Bootstrap nicht schon von Sergej implemeniert?

Nein, wir verwenden kein erhältliches JTL Template. Die Basis stellt ein 100% Bootstrap Template dar was an die Bedürfnisse des Projektes angepasst wurde/wird. Bootstrap arbeitet im Spaltenraster. Demnach würden die Sidepanels die man aus JTL her kennt, irgendwann vom Inhalt verdrängt, also nach unten rutschen. Das ist der Bootstrap Standard. Alternativ wäre auch eine Slidein Funktion gut umsetzbar die das Panel jederzeit ein- und ausblenden lässt. Im gezeigten Projekt wird derzeit auf sämtliche Sidepanels verzichtet, was sich aber sicherlich noch ändern wird. Was jetzt hier aufgrund der derzeit angelegten Kategoriestruktur nicht zu erkennen ist, das Template verfügt über ein Megamenü.

Eine Ankündigung vorab: Auf Basis des finalen Templates wird es auch eine modifizierte Verkaufsversion geben.

 

[ram1]

AW: Responsives Template für JTL-Shop 3.20

In der aktuellen c't wird das Thema Bootstrap und Less behandelt, für diejenigen die es vlt. interessiert 🙂

 

[deepblue]

AW: Responsives Template für JTL-Shop 3.20

In der Ausgabe: c't 3/15 ---> Welche Seite?

 

[ram1]

AW: Responsives Template für JTL-Shop 3.20

Ab Seite 162 (sagt heise.de, die Zeitung liegt zu Hause auffm Klo)... Mobile Websites mit Bootstrap und Less | c't

 

[deepblue]

AW: Responsives Template für JTL-Shop 3.20

@ram1

Vielen Dank.

@martinwolf
Was mir bei deinem Template aufgefallen ist: Die Formularfelden sind ziehmlich lang. Wird es das Template auch mir einer Navigationsleiste Links geben?
Weiterhin würde es gang gut aussehen, wenn bei Ähnliche Artikel ein ein < > (Slider) zu sehen wäre mit denen man die Produkte so durchscrollen kann.

Zum Preis kann man da schon was zu sagen?

 

[martinwolf]

AW: Responsives Template für JTL-Shop 3.20

@ram1

Vielen Dank.

@martinwolf
Was mir bei deinem Template aufgefallen ist: Die Formularfelden sind ziehmlich lang. Wird es das Template auch mir einer Navigationsleiste Links geben?
Weiterhin würde es gang gut aussehen, wenn bei Ähnliche Artikel ein ein < > (Slider) zu sehen wäre mit denen man die Produkte so durchscrollen kann.

Zum Preis kann man da schon was zu sagen?

Formularfelder: Diese orientieren sich in ihrer Breite anhand der Klasse "col-" des übergeordneten Containers, so wie alle Elemente im Bootstrap. So kann gezielt für jeden Viewport das Layout gesetzt werden. Die Klassen selbst können natürlich fallunterschieden nachträglich verändert werden. Das wird aber in dieser und auch in der Verkaufsversion so bleiben wie es aktuell ist. Jeder Käufer kann das aber nach Belieben ändern im CSS.

Linker Navigationsbereich: Ja natürlich wird es das geben, das ist ja bereits der Fall, ist nur nicht zu sehen weil sämtliche Boxen deaktiviert sind. Die Boxen müssen teils nur noch aufbereitet werden. Die Steuerung über die Boxenverwaltung im Shop Admin ist zu 100% gegeben.

Slider für XSelling etc.: Ja das wird es als option in den Templatesettings ebenfalls geben.

Weitere Ideen und Anregungen nehme ich zudem gerne entgegen. Soll ja möglichst viele Ansprüche abdecken das Ganze 🙂

Preislich werden wir uns bei diesem Template bei voraussichtlich 399,- EUR zzgl. 19% MwSt. bewegen, ohne Copyrighthinweis. Ein finales Preismodell für meine Templates steht aber noch nicht fest.

 

[deepblue]

AW: Responsives Template für JTL-Shop 3.20

Hallo,

habe mal eine Frage zum Firmenlogo bei einem Responsive Template. Sehr viele wirklich gute Responsive-Templates setzen hier SVG-Grafiken ein, die sich stufenlos an das Template anpassen. Optisch sind diese Grafiken wirklich ein Eyecatcher und dazu wirklich sehr klein.

Habe das mal mit unserem Logo in Illustrator (alte Version) mal ausprobiert und bin mit dem Ergebnis wirklich sehr zufrieden .
Werden diese SVG-Grafiken auch bei Bootstrap berücksichtigt?

 

[martinwolf]

AW: Responsives Template für JTL-Shop 3.20

Boostrap selbst hat standard keine SVG Grafiken eingebunden. Die kann man aber jederzeit selbst einbinden klar. Die Skalierung erfolgt dann entweder CSS gesteuert über die mediaqueries oder eben durch den Parent container.

 

[sergio-power]

AW: Responsives Template für JTL-Shop 3.20

Hallo martinwolf,wir sind sehr an dem Template interessiert und haben zwei Fragen: 1.) wann kann man das Template kaufen/ausprobieren? 2.) Funktionieren dann alle Plugins, die von verschiedenen SP? GrußSergej

Formularfelder: Diese orientieren sich in ihrer Breite anhand der Klasse "col-" des übergeordneten Containers, so wie alle Elemente im Bootstrap. So kann gezielt für jeden Viewport das Layout gesetzt werden. Die Klassen selbst können natürlich fallunterschieden nachträglich verändert werden. Das wird aber in dieser und auch in der Verkaufsversion so bleiben wie es aktuell ist. Jeder Käufer kann das aber nach Belieben ändern im CSS.Linker Navigationsbereich: Ja natürlich wird es das geben, das ist ja bereits der Fall, ist nur nicht zu sehen weil sämtliche Boxen deaktiviert sind. Die Boxen müssen teils nur noch aufbereitet werden. Die Steuerung über die Boxenverwaltung im Shop Admin ist zu 100% gegeben.Slider für XSelling etc.: Ja das wird es als option in den Templatesettings ebenfalls geben.Weitere Ideen und Anregungen nehme ich zudem gerne entgegen. Soll ja möglichst viele Ansprüche abdecken das Ganze 🙂Preislich werden wir uns bei diesem Template bei voraussichtlich 399,- EUR zzgl. 19% MwSt. bewegen, ohne Copyrighthinweis. Ein finales Preismodell für meine Templates steht aber noch nicht fest.

 

[casim]

AW: Responsives Template für JTL-Shop 3.20

2.) Funktionieren dann alle Plugins

das wird dir weder Martin, noch umgekehrt die einzelnen SP garantieren können