How can I display product search results in grid format on my website?

Store Design
1

So when i search products on my website, the preview comes in list format, i want it to be in grid format.

Screenshot shared below,

thankyou.

2

Hi @darkside_d ,

It will be a complex request, you need to change the JS again and add the CSS for it to display well.

Go to assets > theme.js file and find ‘renderProducts’. https://i.imgur.com/n057MQw.png . You need to change this render structure to grid.

Then you need to add the CSS code for everything to display well.

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

3

So how do i change the render structure to grid? and the css code?