WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Bakery Shop => Topic started by: svsanchez on September 23, 2016, 07:23:49 PM

Title: Bakery: Reducing number of columns in Mobile
Post by: svsanchez 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.

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: svsanchez 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!

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: Ruud 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.

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: svsanchez on September 28, 2016, 10:54:32 PM

Thanks a lot Ruud, do you know of any site having implemented this?

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: Ruud on September 28, 2016, 11:08:53 PM

Sent you a PM :)

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: seanie_morris on March 01, 2017, 12:34:17 PM

Quote from: Ruud on September 28, 2016, 11:08:53 PM

Sent you a PM :)

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

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

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: chris on July 22, 2017, 10:40:59 AM

Is it possible to PM me also Ruud?
Thanks in advance!

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: eduardo on November 30, 2017, 09:07:30 AM

Ruud, can you sent me a PM to, thanks

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: Ruud on November 30, 2017, 11:43:25 AM

Sorry, the example website has gone offline :(

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: eduardo on November 30, 2017, 07:26:33 PM

Thanks Ruud :-(

Title: Re: Bakery: Reducing number of columns in Mobile
Post by: fangda on December 28, 2017, 03:37:03 AM

 (Y) (Y) (Y) (Y)

Quote from: svsanchez 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.