Product Category Grid Layout

Hi Team,

How do I achieve this look of grid using product category elements with Masonry(with first wide) layout? (https://i.imgur.com/eZ8tlI4.jpg)
I have 9 product categories with different image dimension, and I ended up like this (https://i.imgur.com/iLOngrr.jpg).

Besides, where do I find this bullets navigation in slider revolution (https://i.imgur.com/Jsyzwdr.png)?

Thanks,
Ryan

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :-).

I saw the screenshots you attached. As you can see in our demo site the categories are displayed images in the proportion in which they are added and the number is set to 5.

In your case categories number is set to 9.

Please decrease the number of categories in the module and then arrange the categories from products categories by drag and drop. Clear cache and check back.

Screenshot for Clarification: https://ibb.co/f179mJM

To set the bullets like in the screenshot you need to edit the slider from Slider revolution and set the bullets as shown in the screenshot.

Screenshot for Clarification: https://ibb.co/NrrzXYk

Best Regards.

Hi,

Thank you for the response.

There’s no woodmart-line-bullets option in bullet style.

Thanks,
Ryan

Hello,

You are Most Welcome.

Please make sure that you are using the latest version of the Slider Revolution and the WoodMart theme. If you are using the latest versions and it still doesn’t work then provide admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Hi,
I had already updated both theme and slider revolution plugin, but still the woodmart-line-bullets option in bullet style did not showing up.

Thanks,
Ryan

Hello,

Sorry for the misunderstanding. The slider used in our demo is the WoodMart slider module. You can create a slider using the WoodMart slider. From Dashboard >> Slider.

Screenshot for Clarification: https://ibb.co/7SbWm4d

Therefore, I have also added the WoodMart line bullets in the slider revolution as well.

Screenshot for Clarification: https://ibb.co/qRCkF42

Best Regards.

[Author]

Posts