Masonry grid

Hi, can I make masonry for product categories such as in screenshot?

Kind regards

Sorry

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, our Category element does not have such options. You can try to create a layout using three different elements located in rows.

Best Regards

Why when I choose masonry grid(first wide) can’t set 3 product categories in one row.
One category get down and than I have blank space on the right.(screenshot.png)

Attachments:

You must be logged in to view attached files.

Hello,

Setting you categories display, choose the default layout and 3 columns. You can also configure which categories to display http://prntscr.com/iuvqt0

If you have any questions please contact.

Best Regards

Hi,

But I want to use masonry(with first wide) I don’t want default layout.

Kind regards

Hello,

In this case, set masonry(with first wide) and try an image with sized 800×800 for example.

If you have any questions please feel free to contact us.

Best Regards

Hi,
I did what you said but nothing change.
I’d like to do the same masonry(with first wide) such as on woodmart demo.

Best Regards

Attachments:

You must be logged in to view attached files.

Hello,
It’s works now, custom css for another element make problem.

Can I make the same masonry(with first wide) layout on mobile?
On mobile, title and namber for products categories goes under the image.
I want to stay on image such as desktop version.

Kind Regards

Hello,

1. We checked your site, and the first category is displayed to the full width, exactly as you described. https://gyazo.com/08cc05d56f9aadd6642a604151843c90

2. The category name is placed under the image, because it may not fit completely in the category image on small mobile devices.

Best Regards

[Author]

Posts