Product grid layout

Hi Xtemos,

How that the products do not occupy the same field size. Some are bigger some smaller.

I am enclosing a picture of what it looks like now and the access data to the site.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

It seems that you have enabled the “Masonry grid” option, please navigate to Theme Settings -> Product archive -> Products styles, and disable it.

https://gyazo.com/8788e04797e8a6d98d1fa2c51f17d9a8

Kind Regards

Hi Xtemos,

Thank you for your help with the first question.

I have another question about the grid on the home page. When I’m in the elemental it looks the way it should but when released on the website the grid takes on a different shape.

If you have any advice on how to solve this I would be grateful.

You have pictures attached to the document that explain where the problem is.

Thanks! 🙂

Attachments:

You must be logged in to view attached files.

Hello,

In the Elementor you have set the “Full size” option for images, hence the grid takes the default size of the images (in your case they are rectangular).

https://monosnap.com/file/C9f796rQMEVsbnMyrCASiVwYLjM9Dt

https://gyazo.com/bb90f12b13cac8b1c03b28a90f8ac7cd

https://monosnap.com/file/PILRHYWUYsbrc7IdELGAyEGOaBKl96

In order to make images with the square shapes you should set the “WooCommerce Thumbnail 600 x 600” option for the “Image size” field.

https://prnt.sc/26eslfw

If you still have further questions, please don’t hesitate to reach out. We’d be happy to talk through them with you.

Kind Regards

[Author]

Posts