Author Topic: Bakery: Reducing number of columns in Mobile  (Read 1145 times)

Offline svsanchez

  • Posts: 419
Bakery: Reducing number of columns in Mobile
« on: September 23, 2016, 07:23:49 PM »
Hello, this has probably been already answered in the forums but I couldn't find an answer.

I would like to know how to tell bakery to show only 2 columns of products when the user accesses the site using a mobile, but still use 3 or 4 columns when visiting on the desktop.

Thank you.

Offline svsanchez

  • Posts: 419
Re: Bakery: Reducing number of columns in Mobile
« Reply #1 on: September 26, 2016, 08:45:40 PM »
Hello again, I still haven't found a fix for this, could someone please tell me if it's possible?

Thank you!

Offline Ruud

  • WebsiteBaker Org e.V.
  • **
  • Posts: 3571
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: Bakery: Reducing number of columns in Mobile
« Reply #2 on: September 26, 2016, 10:49:17 PM »
Using a layout grid (Bootstrap/Zurb/etc..) in your website template will allow you to do this.
You just need to change the bakery product-loop to whatever your grid needs (and remove all table references)

One small problem is that Bakery hardcodes </tr><tr> on every "row" that is generated because it is expecting to be in a table.
If you change the output into grid <div></div> blocks, these </tr><tr> do not really hurt, but it is not valid html.

Offline svsanchez

  • Posts: 419
Re: Bakery: Reducing number of columns in Mobile
« Reply #3 on: September 28, 2016, 10:54:32 PM »
Thanks a lot Ruud, do you know of any site having implemented this?

Offline Ruud

  • WebsiteBaker Org e.V.
  • **
  • Posts: 3571
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: Bakery: Reducing number of columns in Mobile
« Reply #4 on: September 28, 2016, 11:08:53 PM »
Sent you a PM :)

Offline seanie_morris

  • Posts: 284
  • Gender: Male
Re: Bakery: Reducing number of columns in Mobile
« Reply #5 on: March 01, 2017, 12:34:17 PM »
Sent you a PM :)

Ah go on, share it with the rest of us!

(or send me the same PM?) :-)

Offline chris

  • Posts: 35
  • Gender: Male
Re: Bakery: Reducing number of columns in Mobile
« Reply #6 on: July 22, 2017, 10:40:59 AM »
Is it possible to PM me also Ruud?
Thanks in advance!

Offline eduardo

  • Posts: 144
  • Gender: Male
    • BBasics
Re: Bakery: Reducing number of columns in Mobile
« Reply #7 on: November 30, 2017, 09:07:30 AM »
Ruud, can you sent me a PM to, thanks
BBasics internet diensten

Webdesign, Grafisch design, Hosting, Website Baker Templates

http://www.bbasics.nl/

Offline Ruud

  • WebsiteBaker Org e.V.
  • **
  • Posts: 3571
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: Bakery: Reducing number of columns in Mobile
« Reply #8 on: November 30, 2017, 11:43:25 AM »
Sorry, the example website has gone offline :(

Offline eduardo

  • Posts: 144
  • Gender: Male
    • BBasics
Re: Bakery: Reducing number of columns in Mobile
« Reply #9 on: November 30, 2017, 07:26:33 PM »
Thanks Ruud :-(
BBasics internet diensten

Webdesign, Grafisch design, Hosting, Website Baker Templates

http://www.bbasics.nl/