store page, display in 3 columms

Hello Gregório,

Please open the folder WooCommerce-> templates->content-product.php. In the line number 22 you will see this $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 ); then edit the number of columns as you want. If you need 3 then put the number 3. After editing this line will look as $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 3 );

Please check and let me know. Thank you 🙂

unfortunately, this doesn’t work because of my themes customizations.

i can’t post code here as i’m receiving this error: Sucuri WebSite Firewall – CloudProxy – Access Denied

Hello Gregório ,

If the above code does not work because of your customization then i can not provide support for this. Because we do not provide support for customization. We only provide support when there is a issue/bug in our built in feature but not for any customization. Please read our support policy to know more- http://wedevs.com/support-policy/.

Thank you for understanding 🙂

Hello
I just read this topic, because, i want, to put 5 columms in store page, so i try your solution, but, that doesn’t work.
i put 5 instead of 4, and on the fisrt line, i get 3 product, and second 2 products, 3 line, i get 3 product…

can you tell me if there is another place to change and put 5 prodcut on the same line ?

I try the woocommerce shortcode to display columm, and it’s work, but it’s only a test on a new page ! so i ‘m not in the woocommerce loop!

do you have any idea ?

Thank a lot.

Hello Alprime,

You can put 5 columns but you have to change in CSS file.

In this class you have to edit the widht. Like as .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 16.05% !important;}
Please check and let me know. Thank you 🙂

Thank Nayem,

sorry, i don’t understand.

i have to go to CSS file of Dokan theme, and which sentence to search and which sentence to change ?

sorry, i have not use to modify CSS file ,
can you explain to me please ?
thank you

Hello Alprime,

Yes, you have to open your CSS file of Dokan theme then add this line there .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 16.05% !important;}. Hope it will work. If not, then let me know.

Thank you 🙂

you mean that each time i find that line :
.woocommerce ul.products li.product,

i change it with :
.woocommerce-page ul.products li.product {width: 16.05% !important;}

is it that ?

Hello Alprime,

Just you have to add those line in your CSS. Open your CSS file and add this line in your CSS. No need to replace anything just put those line in your CSS.

Thank you 🙂

Great it’s work

thank nayem,

and now, if i want on the home page, 5 products !

is it possible ?

thank !

Hello Alprime,

You can do it by customize your home page like as before you have done. I am sorry to say that we do not provide support for customization. We only provide support for our built in features of us. If you want to customize your site then you can hire a developer.

Thank you for understanding 🙂

Ok Nayem,
thank yesterday for your solution, to have 5 products on the shop page, but this morning i test this modification, on a mobile phone, and now the display is not responsive !
now i get the following display : one product – blank-blank-blank – one product !
do you have any idea to solve this ?
thank for your feedback

Hello Alprime,

I am really sorry to say that i can not help you for your this problem. It is all about design. You asked for a help to increase your column number and i gave the solution. Now for the mobile phone view, i have no idea about this. Hope you will understand me.

Thank you 🙂