Single item per row in product loop

I need help, maybe someone can point me in the right direction.

What’s the best way to change the design of the loop?

I want to display my products beneath each other, with the product image on the left and the price, title and maybe some other information next to it.

I found out how to change the items per row to one:

function loop_columns() {
return 1;
}
add_filter('loop_shop_columns', 'loop_columns', 999);

Now the design. Is there a hook or specific template file I should use? Or some documentation on this subject somewhere?

Thanks!

Hello,

Thank you so much for using our theme and contacting our support center.

Yes, you used the right code hook to display your products in one column. Actually, your request requires additional CSS code customization and there is no documentation article that may help you with your custom task and it is out of our support scope. But we could be able to give you some hints if you will send us your admin panel access and some screenshot of what are you going to achieve.

Kind Regards
Xtemos

[Author]

Posts