Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1321744
5 products in each row
Closed

Comments

  • InnovaPorta started the conversation
    October 2, 2017 at 9:12pm

    Hello Elated Themes, 


    Is there a way to change the woocommerce product layout?.  We want to show 5 products per row in desktop mode and 2 products per row in mobile.

    How can we achieve this?.  Please help us with this. 

    Thanks in advance for your help.

    Best Regards.

  •  1,845
    Elated replied
    October 3, 2017 at 2:48pm

    Hello,

    You can try to add this css in Elated Options >> General >> Custom CSS field:

    @media only screen and (min-width: 1025px) {
    .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .cross-sells>.products>.product, .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .eltdf-pl-main-holder>.products>.product, .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .related.products>.products>.product, .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .upsells.products>.products>.product {
        width:20%;
    }
.eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .eltdf-pl-main-holder>.products>.product:nth-child(3n+1) {
        clear:none;
    }
.eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .eltdf-pl-main-holder>.products>.product:nth-child(5n+1) {
        clear:both;
    }
    }

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • InnovaPorta replied
    October 3, 2017 at 4:10pm

    Hello!


    We tried your code but the results are not the expected. I saw your screenshot and tha is exactly the way we want it.  Please take a look to our screenshot and see the results are no like the ones you are sending.

    If you cand leave that code in our site working that will be great.  Also i want to know how  we can see 3 items per row in mobile see second file in this comment. 

    Please let us know if we can get  this done.

  •   InnovaPorta replied privately
  •  1,845
    Elated replied
    October 4, 2017 at 2:39pm

    Hi,

     We checked your shop page and code works well https://www.screencast.com/t/dKOCiVhfE1zi. Could you please clear browser memory cache and check your page again. Thanks

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • InnovaPorta replied
    October 4, 2017 at 4:12pm

    Do you think we can show 3 products per row in mobile? and 45 products per page?


    Also we want to show 5 products per row and 100 products per page on desktop mode. 

    Please help us to achieve this.  Thanks in advance for all the help.

    Best regards

  • InnovaPorta replied
    October 5, 2017 at 4:18pm

    Any update on this?


    Thanks in advance for your help.

    Best regards

  •  1,845
    Elated replied
    October 6, 2017 at 7:17am

    Hello,

    1. You can try to add this css in Elated Options >> General >> Custom CSS field:

    @media only screen and (max-width: 768px) {
    .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .cross-sells>.products>.product, .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .eltdf-pl-main-holder>.products>.product, .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .related.products>.products>.product, .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .upsells.products>.products>.product {
        width:33.33%;
    }
    .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .eltdf-pl-main-holder>.products>.product:nth-child(n+1) {
        clear:none;
    }
    .eltdf-woocommerce-columns-4 .eltdf-woocommerce-with-sidebar .eltdf-pl-main-holder>.products>.product:nth-child(3n+1) {
        clear:both;
    }
    }

    2. Unfortunately, there is no predefined option for that. 

    Achieving this will require some custom coding, but we are not in a position to accept any custom work, because we primarily need to focus on providing Theme Support to all customers. We hope you understand.

    In case you are not familiar with programming, you could hire someone to do this for you. You could look for someone who you can hire for this kind of job at the following link: - http://studio.envato.com

    Thanks for understanding.

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • InnovaPorta replied
    October 23, 2017 at 7:11pm

    Hello,

    We still want to show 100 products per page.  How can we achieve this? we found this article on woocommerce : https://docs.woocommerce.com/document/change-number-of-products-displayed-per-page/ Please let us know how can we get this done.


    Thanks in advance for your help.

    Best regards

  •  1,845
    Elated replied
    October 25, 2017 at 12:54pm

    Hello,

    You can try to to set it up in Elated Options >> WooCommerce >> Product List >> Number of Products per page >> and then enter some desired number, like we did here

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • InnovaPorta replied
    October 25, 2017 at 7:44pm

    Thank you, 


    That worked well in desktop.  What about 50 products per page on mobile? how can we achieve this?


    Please let us know. 


    Thanks in advance for the help.  Best regards

  •  1,845
    Elated replied
    October 26, 2017 at 2:20pm

    Hello,

    You're welcome. As we have already said, there is no predefined option for that. 

    That can be done with some custom coding, but we are not in a position to accept any custom work, because we primarily need to focus on providing Theme Support to all customers.  We hope you understand.

    In case you are not familiar with programming, you could hire someone to do this for you. You could look for someone who you can hire for this kind of job at the following link: - http://studio.envato.com

    Thanks for understanding.

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.