WBCE Home | WBCE Hilfe | WBCE Addon Repository | Impressum | Datenschutz

WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 02.12.2017 19:17:52

bodo
Member

Bakery Responsive

Hallo liebe Freunde von WBCE und WB. Ich habe ein Problem bei Bakery mit der mobilen Ansicht. Hat jemand schon sein Bakery auf responsive umgestellt? Ich habe alles Mögliche schon probiert. Bekomme auch die Produkte in der mobilen Ansicht untereinander, aber dann reisst es mir den Warenkorb auseinander. Bin eher Nutzer und damit auch etwas überfordert. Ich bin über jede Anregung dankbar. Muss aber schon etwas fertiges sein. Das was ich im Forum und Netz gefunden habe, habe ich schon getestet. Irgendwann wird es dann zu kompliziert, oder funktioniert nut zeilweise.

Vielen Dank vorab.
Allen einen gesegneten 1.Advent
Mit besten Grüßen
Bodo

Last edited by bodo (05.12.2017 09:51:38)

Offline

#2 03.12.2017 09:24:52

florian
Administrator

Re: Bakery Responsive

Grundsätzlich machbar ist so etwas, aber nicht ganz unaufwändig.*
Etwas generisches Fertiges bereitszustellen ist aber schwierig, weil das schon auf das verwendete Template abgestimmt sein sollte.
Was genau meinst Du mit "es reisst den Warenkorb auseinander"?
* Ein Beispiel dafür ist holzart-leipzig.de (produktive Seite, d.h. wenn Du dort etwas bestellst, musst Du es auch kaufen/bezahlen!). Der Warenkorb sieht auf kleinen smartphonesdisplays im Hochformat normal aus, ragt allerdings über den sichtbaren Bereich herüber, hier müssten die Benutzer also so klug sein, ihr Telefon zu drehen.

Offline

#3 03.12.2017 12:09:06

bodo
Member

Re: Bakery Responsive

Hallo Florian, danke für die schnelle Antwort. Das Beispiel finde ich sehr gut gelungen. Das würde mir schon reichen. Mit dem Warenkorb auseinanderreissen meine ich, dass wenn ich de Produkte untereinander habe, der Warenkorb sich auch untereinander aufbauen will und dabei werden sie Tabellenspalten zwar aufgebaut, aber die Kopfzeile bleibt logischer Weise auch als eine Zelle stehen und es besteht zu den einzelnen Positionen im Warenkorb kein Bezug mehr. Deshalb ist die Variante vom Beispiel für mich sehr interessant. Gibt es da ein Template oder muss das speziell angepasst werden?

LG
Bodo

Offline

#4 04.12.2017 21:45:36

florian
Administrator

Re: Bakery Responsive

Kannst Du mal einen Screenshot mit den Darstellungsproblemen oder einen Link posten?
Ich kann nicht versprechen, mich darum kurzfristig zu kümmern (Grund siehe Signatur), aber sobald ich's einrichten kann würde ich mal draufschauen.

Offline

#5 05.12.2017 09:54:25

bodo
Member

Re: Bakery Responsive

Hallo Florian, vielen Dank für Deine Hilfe vorab. Habe nun alles wieder in den Ursprung zurück gebracht. Muss es dann nochmal in diesen Modus bringen. Dauert auch etwas, so dass Du Dein anderes Projekt  wink erstmal in Ruhe zu Ende bringen kannst.

LG
Bodo

Offline

#6 06.12.2017 21:02:17

dedra
Member

Re: Bakery Responsive

Vermutlich ist das größte Problem bei Bakery das alles über Tabellen formatiert wird (so sehe ich das) das lässt sich mit responsive nicht so einfach vereinbaren.
Dieses "Problem" aufzulösen dürfte ein größeres Projekt sein - ein separates "shop-template" hatte ich mir mal überlegt um den Schwierigkeiten mit den unterschiedlichen Templates aus dem Weg zu gehen - bin aber da auch nicht wirlich weiter gekommen als die "Denkphase"... roll
An und für sich kann man mit Bakery schon vieles abdecken - eine Profilösung sieht halt anders aus, muss aber nicht unbedingt sein.

SG dedra

Offline

#7 06.12.2017 21:21:17

bernd
Developer

Re: Bakery Responsive

Ich habe neulich Bakery für einen Kunden angepaßt, denke das mit dem "responsive" ganz gut hin bekommen zu haben. Wie dedra schon schrieb, man muß sich von der Tabellen-basierten Formatierung lösen, dann geht schon einiges.
Dummerweise habe ich aber alle sonstigen Sonderwünsche das Kunden (die Bakery so nicht hergab) auch gleich mit in den verschiedensten Dateien festverdrahtet. So kann ich das nicht wirklich weitergeben.
Mal sehen ob ich zwischen den Feiertagen evtl. die Zeit finde nur die Formatierungen auf eine jungfräuliche Bakery-Installation quasi zurück zu portieren.


2 x ROT13 hält besser ...

Online

Liked by:

thanks, florian

#8 10.04.2019 16:42:40

ice
Member

Re: Bakery Responsive

bernd wrote:

Mal sehen ob ich zwischen den Feiertagen evtl. die Zeit finde nur die Formatierungen auf eine jungfräuliche Bakery-Installation quasi zurück zu portieren.

Hast Du da schon was gemacht? (Lieb guck  wink )

Offline

#9 10.04.2019 16:47:14

bernd
Developer

Re: Bakery Responsive

(Ganz zerknirscht zurückguck). Ne leider nicht, mich haben da paar Dinge quasi "rechts überholt" die ich die letzten Monate erstmal mühsam auseinander sortieren musste ...


2 x ROT13 hält besser ...

Online

Liked by:

ice

#10 10.04.2019 16:53:17

florian
Administrator

Re: Bakery Responsive

*umdieeckeschiel*
@ice: worauf kommt es Dir da im einzelnen an? Produktübersichts- und -detailseiten und/oder Warenkorb und Checkout?

Zumindest erstere responsiv hinzubekommen, ist gar nicht so schwer - allerdings richtet sich der Aufwand stark nach dem Template. Wenn selbiges auf einem CSS-Grid basiert, kannst Du dessen Raster nämlich auch für die Produktdarstellung nutzen.
Das hier basiert auf Fitrgrid, zusätzlich kommt noch ein equalheight-Javascript-Schnipsel zum Einsatz, um die Höhe der Kästen anzugleichen.

Offline

#11 10.04.2019 17:04:26

ice
Member

Re: Bakery Responsive

florian wrote:

zusätzlich kommt noch ein equalheight-Javascript-Schnipsel zum Einsatz, um die Höhe der Kästen anzugleichen.

Eigentlich ist es genau das, manche Artikel hängen auf unterschiedlichen Höhen, was unschön aussieht, wenn man 3 Artikel nebeneinander anzeigen lässt.

Das Responsive Problem habe ich bei einigen Artikelseiten so gelöst, dass einfach nur 1 Artikel pro Zeile angezeigt wird, das löst auch das gleiche höhe Problem ... Ist aber jetzt nicht soooo schön.

Ich habe aber auch Artikelseiten, wo ich gleichförmige Teile haben, also Zeitschriften, da sehen auch 3 Artikel nebeneinander gut aus. Beim zusammenstauchen der Seite bzw. mobil, hängt die Tabelle aber dann aus dem layout heraus und die Artikel werden nicht untereinander angezeigt.

Mein Template benutzt schon selbst ein Grid...

Also, der Warenkorb und Checkout usw. hängt beim zusammenstauchen auch aus dem template heraus ...

Offline

#12 10.04.2019 17:30:33

ice
Member

Re: Bakery Responsive

Offtopic: Aber Interessant, dass das "weiterlesen" bei euch in topics leider auch nicht in einer Flucht mit dem Bild und dem restlichen Text ist:
https://www.bogensport-loercher.de/pages/aktuelles.php

Last edited by ice (10.04.2019 17:31:01)

Offline

#13 10.04.2019 17:39:50

florian
Administrator

Re: Bakery Responsive

Offtopic: Aber Interessant, dass das weiterlesen bei euch in topics leider auch nicht in einer Flucht mit dem Bild und dem restlichen Text ist:

gefixt

Zu Bakery:
Für die Produktrasterdarstellung sind Tabellen nicht mehr zeitgemäß und eben auch nicht responsiv, da musst Du stattdessen divs verwenden und diese je nach verfügbarer Breite dann neben- oder untereinander anordnen. Je nach Grid kann man da sogar recht feingranuliert sagen, bei welcher Auflösung wie viele Elemente nebeneinander stehen sollen.
Bei den anderen Tabellen muss man sich die Mühe machen, die HTML-Templates in modules/bakery/templates zu bearbeiten und eventuell Spalten zusammenfassen o.ä. Aber da ist es dann schon schwierig, das so hinzubekommen, dass es auch noch auf Hochkant-smartphone-Displays ansehnlich ist.

Offline

Liked by:

ice

Board footer

Powered by FluxBB

up