Entwicklung: Bootstrap 3 responsive Template

[mooncrawler]

Hallo Zusammen,

ich möchte hier mein responsive Template vorstellen.
Aktuell ist es noch in der Entwicklung, aber es gibt schon einige Sachen zu sehen.

Gibt es einen Demo version?
Link zum Demo Shop: http://modified-responsive.david-heinz.de/
User: demo
Passwort: password

Test Kunde:
Email: demo@trash-mail.de
Passwort: password

Welche Bibliotheken beinhaltet das Template?
-Bootstrap 3
-jQuery
-Html5Shiv
-Respond.js

Wo kann ich das Template downloaden?
-Aktuell ist das Template noch in der Entwicklung und wird auch sehr bald hier angeboten.
-Damit ich der Community das Template kostenfrei anbieten kann, suche ich 10 Käufer ( der Kaffe kostet ja schließlich auch was (; )

Warum sollte ich einer der 10 Käufer sein, gibt es Unterschiede?
Ja, die Käufer die mich Unterstützen erhalten:
-kostenlose installation des Templates
-Support bei Fragen zum Template per Mail / Telefon
-auf Wunsch eine Version des Templates ohne Copyright Hinweis
PS: gilt für eine Domain / 1 Jahr

Was soll der Spaß Kosten?
-Kann ich aktuell leider nicht sagen, da es noch nicht Fertig ist

Wie erhalte ich eine Version ohne Copyright Hinweis, wenn ich nicht unter einer der 10 Käufer bin?!
-Es wird eine kostenpflichtige Möglichkeit geben, diese gilt dann für eine Domain

Wird es updates im späteren Verlauf geben?
-Ja es wird updates geben

[EDIT jannemann 01.09.2013: Beitrag auf Wunsch des Threaderstellers geändert.]
[EDIT Tomcraft 07.09.2013: Beitrag auf Wunsch des Threaderstellers geändert.]

Linkback: https://www.modified-shop.org/forum/index.php?topic=27486.0

[Sick]

Finde ich gut, was du da machst.

Das Template vom modified ist wirklich schon reichlich angestaubt. Sowohl was das Design, vorallem aber die Technik betrifft.

Ist dein Template komplett responsive? Wie hast du die Kategorieansicht bei kleinen Geräten gelöst?

Gruß

[mooncrawler]

Sobald die Breite des Fensters eine bestimmte größe unterschreitet, werden die Blöcke untereinander geschachtelt.

Die Seitenboxen kommen unterhalb des Contens.

[ Für Gäste sind keine Dateianhänge sichtbar ]

-Der Navigationsbalken ist oben fixiert (scrollt mit der Seite mit).
-Der Button mit den drei horizontalen Strichen klappt die versteckten Navigationspunkte (Warenkorb, Mein Konto, Kasse, Login/Logout) auf.

Bin allerdings am überlegen ob ich Snap.js (https://github.com/jakiestfu/Snap.js/) implementieren soll.
Der Vorteil zwei Navigationselemente links/rechts, dort könnte man link die Kategorien und rechts die Navigation einbinden.

Grüße David

[Modulfux]

Wozu der neue Smarty Modifier?

Gruß
Ronny

[mooncrawler]

"neue Modifier für Smarty"
-button
-form_require
-form_input
-form_select
-form_textarea

Das sind alles kleine Helfer, die mir bspw. die CSS Klassen an Bootstrap anpassen.

Code: PHP  [Auswählen]

{$PRINT_BUTTON|button:'btn btn-primary'}
/* <a href="..." class="btn btn-primary" title="...">...</a> */
 

Mit dem Codebeispiel lassen ich die alten grafischen Buttons als CSS Buttons ersetzen. (Einfacher als in den Core Daten die "xtc_image_button" Funktionen zu verändern).

Grüße David

[Spegeli]

Sieht nice aus.

Vorallem die static bar oben

Hast du vllt. nen Link um das ganze schon mal Live zu sehen?

[Modulfux]

Mit dem Codebeispiel lassen ich die alten grafischen Buttons als CSS Buttons ersetzen. (Einfacher als in den Core Daten die "xtc_image_button" Funktionen zu verändern).

Klar, da hast du recht und es ist auch die einfachste Lösung. Genauer betrachtet wird aber auch nur wieder die Wirkung und nicht die Ursache bekämpft. *gg*

Gruß
Ronny

[h-h-h]

Hallo David,
das sieht ja mal nett aus.

"neue Modifier für Smarty"

Die Sachen für Smarty kannst du auch im Template selbst ablegen.
templates/tmpl_name/smarty/

Viele Grüße,
h-h-h

[mooncrawler]

@h-h-h
Danke für den super Tipp!

>>> Link entfernt <<<

Grüße David

[EDIT GTB 02.09.2013: Link entfernt.]

[Simon]

Finde ich toll, dass David uns zeigt was heute alles möglich ist.
Da werden Erinnerungen an das Admin-Template wach, ich hoffe nur, dass es nicht so endet wie dort (im Ungewissen).
Beim YAML-Template tut sich auch nichts, da wurde auch etwas Neues angekündigt.
Deshalb schon einmal vielen Dank an alle Förderer neuer Techniken für deren Einsatz und die Mühe.

Würden sich sicherlich einige Shopbetreiber freuen, wenn hier wieder frischer Wind weht.
Man muss den Shopbetreibern nicht alles auflasten, die Neueinsteiger haben anfangs andere Probleme als das Template zu modernisieren und auch nicht das Geld ständig Dienstleister zu unterhalten. Ein neue solide Basis wäre deshalb ein Knaller.
Komisch das bei Shops was Templates angeht wenig los ist, im Vergleich zu z.B. Wordpress

Was mir jetzt nicht so gefällt ist, dass alle Elemente freistehend sind.

[Modulfux]

Bisher guter Ansatz und mal sehen, was daraus wird. Aus Usabilitysicht würde ich aber aus den click-Events im Header (Warenkorb, Mein Konto und Anmelden) ein mouseover Event machen.

Ebenfalls kommt das Template ins Wanken, wenn die Tablet oder Smartphone Ansicht kommt. Hier wünscht sich der User allein der Usability wegen, die Kategoriebox recht weit oben, also noch vor den Artikeln. Aber ansonsten bisher, Hut ab.

Gruß
Ronny

[Spegeli]

Habs mir jetzt mal angeschaut und muss sagen der Kunden Konto bereich ist echt spitze.

Würd ich mir am liebsten direkt klauen..hehe...

Wie hasch n du das mit den Gutscheinen und dem Guthaben gemacht? Gibts das woh als Modul?

[mooncrawler]

Wie hasch n du das mit den Gutscheinen und dem Guthaben gemacht? Gibts das woh als Modul?

Im Backend einfach Gutscheine aktivieren und Koupon / Gutschein eingerichtet. Dann folgende Daten angepasst:

-templates/xxx/module/gift_cart.html
-templates/xxx/module/gv_redeem.html
-templates/xxx/module/gv_send.html

[Spegeli]

ich glaub ich bin blind.

ich hab die gutschein verschicken und einlösen funktion probiert das geht.

aber wie kann ich das guthaben jetzt auf meinen kauf anrechnen?

[mooncrawler]

Das Guthaben wird im checkout abgezogen.