store page, display in 3 columms

This topic contains 14 reply and 3 voices, and was last updated by Nayem 9 years, 11 months ago
Viewing 14 Posts - 1 through 14 (of 14 total)
Author Posts
November 26, 2014 at 1:25 am 31195
Nayem Hi, my theme doesn't work with Dokan in a "plug and play" mode. i had to make customizations. In store page, my theme has room to display only 3 items. But dokan displays 4. that is making some problems. i edited store.php, this is called with: 
               <?php woocommerce_product_loop_start(); ?>

                    <?php while ( have_posts() ) : the_post(); ?>

                        <?php wc_get_template_part( 'content', 'product' ); ?>

                    <?php endwhile; // end of the loop. ?>

                <?php woocommerce_product_loop_end(); ?>
How do i change to 3 columms of products? thanks
November 26, 2014 at 1:28 am 31196
Gregório Sordi Gregório Sordi This reply has been marked as private.
November 26, 2014 at 11:59 am 31225
Nayem Nayem

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 🙂

November 27, 2014 at 9:20 am 31273
Gregório Sordi Gregório Sordi

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

November 27, 2014 at 12:41 pm 31283
Nayem Nayem

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 🙂

December 4, 2014 at 4:19 pm 31822
ALPRIME ALPRIME ALPRIME ALPRIME

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.

December 4, 2014 at 4:57 pm 31829
Nayem Nayem

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 🙂

December 4, 2014 at 5:12 pm 31831
ALPRIME ALPRIME ALPRIME ALPRIME

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

December 4, 2014 at 5:19 pm 31835
Nayem Nayem

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 🙂

December 4, 2014 at 5:54 pm 31841
ALPRIME ALPRIME ALPRIME ALPRIME

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 ?

December 4, 2014 at 5:59 pm 31844
Nayem Nayem

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 🙂

December 4, 2014 at 6:15 pm 31849
ALPRIME ALPRIME ALPRIME ALPRIME

Great it’s work

thank nayem,

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

is it possible ?

thank !

December 5, 2014 at 2:30 pm 31887
Nayem Nayem

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 🙂

December 5, 2014 at 2:52 pm 31892
ALPRIME ALPRIME ALPRIME ALPRIME

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

December 7, 2014 at 11:53 am 31952
Nayem Nayem

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 🙂

Viewing 14 Posts - 1 through 14 (of 14 total)
Coupon
Coupons