Home Forums Theme Support Dokan store page, display in 3 columms

This topic is: resolved

This topic contains 14 replies, has 3 voices, and was last updated by  Nayem 4 years, 4 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #31195

    Gregório Sordi
    Member
    Post count: 152

    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

    #31196

    Gregório Sordi
    Member
    Post count: 152
    This reply has been marked as private.
    #31225

    Nayem
    Moderator
    Post count: 6480

    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 🙂

    #31273

    Gregório Sordi
    Member
    Post count: 152

    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

    #31283

    Nayem
    Moderator
    Post count: 6480

    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 🙂

    #31822

    ALPRIME ALPRIME
    Member
    Post count: 51

    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.

    #31829

    Nayem
    Moderator
    Post count: 6480

    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 🙂

    #31831

    ALPRIME ALPRIME
    Member
    Post count: 51

    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

    #31835

    Nayem
    Moderator
    Post count: 6480

    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 🙂

    #31841

    ALPRIME ALPRIME
    Member
    Post count: 51

    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 ?

    #31844

    Nayem
    Moderator
    Post count: 6480

    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 🙂

    #31849

    ALPRIME ALPRIME
    Member
    Post count: 51

    Great it's work

    thank nayem,

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

    is it possible ?

    thank !

    #31887

    Nayem
    Moderator
    Post count: 6480

    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 🙂

    #31892

    ALPRIME ALPRIME
    Member
    Post count: 51

    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

    #31952

    Nayem
    Moderator
    Post count: 6480

    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 15 posts - 1 through 15 (of 15 total)

The topic ‘store page, display in 3 columms’ is closed to new replies.