Author Topic: Bakery "responsive"  (Read 717 times)

Offline dedra

  • Posts: 38
  • Gender: Male
  • Rang: Amateur
Bakery "responsive"
« on: March 07, 2017, 12:27:04 PM »
Hallo Gemeinde,
Webseite läuft auf einem responsive template - wenn der Bakery-Shop aufgerufen wird geht es mit der Produktanzeige ja noch in Ordnung (auf 2-Spalten-Anzeige gestellt) aber der Warenkorb bzw. Abschluß da geht die Seite bei mobilen Endgeräten nach rechts aus dem Display und ist nur durch hin-und herschieben sichtbar - nicht befriedigend.
Kann mir bitte jemand helfen wo ich das korrigieren kann?

SG dedra

Offline freeSbee

  • Moderator
  • ***
  • Posts: 1117
    • BAKERY - Website Baker shop module
Re: Bakery "responsive"
« Reply #1 on: March 08, 2017, 11:25:19 AM »
Zuerst steht die Überlegung, wie die nötigen Warenkorb-Daten auf schmalen Screens dargestellt werden soll. Ein Wireframe ist für diesen Zweck empfehlenswert.

Für die anschliessende technische Umsetzung per CSS oder JS gibt es verschiedenen Ansatzpunkte. Jede Lösung hat ihre Vor- und Nachteile:
https://www.google.ch/search?q=responsive+table

3 aus meiner Sicht hilfreiche Seiten sind:
https://css-tricks.com/responsive-data-tables/
https://elvery.net/demo/responsive-tables/
http://maddesigns.de/responsive-tables-2393.html


Offline dedra

  • Posts: 38
  • Gender: Male
  • Rang: Amateur
Re: Bakery "responsive"
« Reply #2 on: March 08, 2017, 03:35:53 PM »
Danke - das liest sich alles sehr kompliziert... 
das werde ich wohl nicht so ganz alleine umsetzen können.

Offline Hollol

  • Posts: 204
Re: Bakery "responsive"
« Reply #3 on: March 08, 2017, 08:46:54 PM »
Hallo dedra,

meiner Meinung nach ist das Wichtigste, dass man statt festen Größen in px mit % arbeitet.
Wichtig wären im CSS auch min-width und max-width, min-height und max-height.

Damit wärst Du schon einen großen Schritt weiter.

Auch Textgrößen lassen sich mit em statt px dynamisch gestalten.
(1em oder 100% - 0.8em oder 80%).

Gruß
Hollol

Offline dedra

  • Posts: 38
  • Gender: Male
  • Rang: Amateur
Re: Bakery "responsive"
« Reply #4 on: March 11, 2017, 02:53:10 PM »
Hi Hollol,
das ist auch ein guter Hinweis, Danke - ich werde es mal auf einer Testumgebung ausprobieren!

Schönes Wochenende!