Responsiv-Templates für Gambio GX2

Thema wurde von Steffen (indiv-style.de), 12. Dezember 2013 erstellt.

  1. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    So der Warenkorb ist geschafft!
    gx2Resp12.jpg gx2Resp14.jpg gx2Resp15.jpg
     
  2. Petra

    Petra G-WARD 2013/14/15

    Registriert seit:
    27. August 2011
    Beiträge:
    6.998
    Danke erhalten:
    1.225
    Danke vergeben:
    227
    Sehr cool, weiter so :D Dein "italienisches" Design gefällt mir.
     
  3. Hanjü

    Hanjü Erfahrener Benutzer

    Registriert seit:
    15. August 2011
    Beiträge:
    174
    Danke erhalten:
    5
    Danke vergeben:
    42
    Steffen, ich ziehe echt den Hut vor Dir. :D:D
     
  4. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Italienisch???? Einfach grau gegen rot getausch! Was da die Frauen so alles rauslesen...... GRINS

    He, lass das mal! Ist kalt drausen!!! Nicht das du dir die Birne unterkühlst... ;)
     
  5. C h r i s t i a n

    C h r i s t i a n G-WARD 2012

    Registriert seit:
    26. April 2011
    Beiträge:
    3.456
    Danke erhalten:
    330
    Danke vergeben:
    551
    Dumme frage in die runde. Was ist besser an responsive gegenüber mobile und was ist schlechter?
     
  6. Petra

    Petra G-WARD 2013/14/15

    Registriert seit:
    27. August 2011
    Beiträge:
    6.998
    Danke erhalten:
    1.225
    Danke vergeben:
    227
    Na Grün, Weiß und Rot sind die Farben Italiens *so*
     
  7. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Dumm ist die Frage nicht!!! Für mich gibts zwei ganz wichtige Vorteile der Responsiv-Technik gegenüber dem Mobile-Candy!
    1. ich muss nur ein Templates pflegen und somit alle Änderungen nur einmal machen!
    2. ich hab nicht nur 2 Darstellungsgrössen, sondern 6!

    Die Zeit die ich länger brauch um das Templates zu erstellen, wird beim MobileTemplates auch benötigt!

    PETRA!
    Daran habsch gar nicht gedacht......

    Also nennen wir das Templates ab sofort Spagetti-Design..... ;)
     
  8. Avenger

    Avenger G-WARD 2012/13/14/15

    Registriert seit:
    26. April 2011
    Beiträge:
    4.771
    Danke erhalten:
    1.478
    Danke vergeben:
    89
    Ein weiterer Vorteil m.E.:

    wenn man sein Gerät dreht, passt sich das Layout automatisch und dynamisch an die Breiten an...

    Und es funktioniert, denke ich mal, ohne jQuery Mobile.

    Aber bitte ohne internen "Spaghetti-Code"
     
  9. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Richtig! Ohne jQuery Mobile!
    Wie gesagt habe ich 6 Ansichten drin, man kann aber auch 8 oder 4 oder 10 machen. Dafür hat man im CSS ja z.B. :
    HTML:
    @media only screen and (min-width: 1550px)
    So weit es möglich ist! Da ich versuche keine Anpassungen ausserhalb der Userclases oder Usermod zu machen(funzt bis jetzt) allerdings findet man solchen immer wieder in den originalen Core... Was mich teils zum Wahnsinn treibt!!! ;)

    Beispiel:

    Die Produktdeteil-Lightbox auf der checkout_confirmation.php! Da gibts in der LightBox ne .popup_content! Diese ist mit width: 800px; deklariert. Nun such dat mal!!! ist in der product_detail.html direkt drin!!! Warum??? Das weis ich nicht. Hab das alles in die responsiv.css gepackt.
     
  10. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Checkout fertig! Incl. Lightbox in der ceckout_confirmation.... ;)

    gx2Resp16.jpg gx2Resp17.jpg gx2Resp18.jpg
     
  11. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    fertsch!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    Und mit einem Farbcode den man ändert sieht dat ganze gleich anders aus!!! :p:p:p

    IndivCandyOrange_1.jpg IndivCandyOrange_2.jpg
     
  12. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Ich wünsche allen ruhige Weihnachtstage! Futtert nicht zu viel aber auch net zu wenig.

    Zum Abschluss ist heute ein weiteres Templates fertig geworden...... ;)


    http://responsiv.indiv-style.de/

    VioletCandy_1.jpg
     
  13. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    8. Februar 2013
    Beiträge:
    1.425
    Danke erhalten:
    250
    Danke vergeben:
    173
    auch sehr schön, nur weiter so, das neue Jahr sieht vielversprechend aus..... ;-)
     
  14. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    So, es geht weiter! Für ein Kundenprojekt setzen wir nun auch den OnePageCheckout responsiv ein. Hier kommt dann auch die erste Release vom Blog V2.5

    ApfelOnePage1.jpg ApfelOnePage2.jpg