- This topic has 19 replies, 3 voices, and was last updated 5 years ago by David.
-
AuthorPosts
-
January 15, 2019 at 8:54 am #782725Deniz Akay
Hello,
I’m using shopper theme. Default product and category loop always shows one item on mobile view and images look too big. Is it possible to show two products and category in a raw? (I’m using 5 columns by default on desktop view and have no problem with that).
January 15, 2019 at 10:53 am #782832LeoStaffCustomer SupportHi there,
Have you tried setting the product columns with mobile toggle on?
https://docs.generatepress.com/article/woocommerce-overview/#shopLet me know π
January 15, 2019 at 11:23 am #782882Deniz AkayHi Leo,
I’ve read your link but I couldn’t get what you mean. Can you please guide me on this?
January 15, 2019 at 2:21 pm #783013LeoStaffCustomer SupportThis option: https://www.screencast.com/t/dY9p7ibsP
January 15, 2019 at 9:52 pm #783219Deniz AkayThis is the first time I see that option π Thanks for your help!
January 16, 2019 at 9:09 am #783806LeoStaffCustomer SupportNo problem π
January 16, 2019 at 9:30 am #783822Deniz AkayBtw I recently found a problem with 2 column view. On upsells I prefer to display 4 products. After I set two columns on mobile view, it started to display first 2 products in first raw, and then 1 product in the next raw and the last one in the third raw. It looks very ugly π
Can you check one of my product pages with 370px width?
https://www.aloeverauyelik.com/lrurunleri/siparis/lr-aloe-vera-jel-icecek-seftali-6li-set/
January 16, 2019 at 9:44 am #783846LeoStaffCustomer SupportNot seeing the problem on my phone:
https://www.screencast.com/t/wL0j3Sq9dYJanuary 18, 2019 at 5:04 am #785412Deniz AkayNot always but sometimes it looks like this: https://i.imgur.com/3x5cu2S.jpg
January 18, 2019 at 9:18 am #785715LeoStaffCustomer SupportHmm not sure why it would be “sometimes”.
Does it still happen with the caching plugin disabled?
January 21, 2019 at 1:40 am #787600Deniz AkayYes it’s cache related and solved, thanks Leo!
January 21, 2019 at 8:49 am #788066LeoStaffCustomer SupportNo problem π
April 3, 2019 at 3:28 am #857799Deniz AkayHello,
I thought this problem has been solved but I still have this error on many pages. This problem occurs when the first product’s name is too long.
Just check my home page on mobile, you’ll see that sometimes only one product displayed in a raw: http://www.aloeverauyelik.com
Screenshot: https://imgur.com/a/4EGhcYg
I tried to show the problem on a video: https://youtu.be/Pxrzs3GPNKk
Thanks
April 3, 2019 at 5:39 am #857989DavidStaffCustomer SupportHi there,
the issue is the default Woo templates uses floats – you can use this CSS to force all the products to the same height to fix this:
@media (max-width: 768px) { .woocommerce[class*=columns-] ul.products li.product:not(.product-category) { min-height: 350px; } }
In GP Premium 1.8 this issue should be resolved as we have implemented CSS Grid for displaying them.
April 3, 2019 at 6:02 am #858039Deniz AkayHello David,
I added it but didn’t solved the problem. And when I add this CSS, it widens the space between category rows on the same page as well.
Please check my homepage again.
-
AuthorPosts
- You must be logged in to reply to this topic.