• Resolved webdesignerbua

    (@webdesignerbua)


    Hey,

    I am designing a Website for a client , i integrated Woocommerce and now i am having problems with the products per line..

    If you go on the link you will see that in full page mode , there is only one product per line, on the left , once you make the website smaller , it streches and gets to 2 products then 3 .. Something is wrong or not working.

    I use the Hestia Pro 3.8 theme, in the Customizing -> Woocommerce -> Products -> products per line is set to 4, tried also with other number but it doesnt seem to work , and another strange thing is if you go to page 2 of products , then it works .. x)

    Hope someone could help me out with smth to fix this or some css..
    thank you !

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello @webdesignerbua ,

    Okay, I got the issue.

    The theme is adding an extra DIV after the default WooCommerce column DIV. They might have different settings to change the number of products per row. So, it will be better to get in touch with them for suggestions.

    If you want a quick solution, you can use this CSS to replicate original WooCommerce CSS with your current structure –

    .woocommerce .products.columns-4 {
        grid-template-columns: repeat(1,1fr);
    }
    
    .woocommerce ul.products.columns-1 .et_builder_outer_content, 
    .woocommerce ul.products.columns-2 .et_builder_outer_content, 
    .woocommerce ul.products.columns-3 .et_builder_outer_content, 
    .woocommerce ul.products.columns-4 .et_builder_outer_content, 
    .woocommerce ul.products.columns-5 .et_builder_outer_content, 
    .woocommerce ul.products.columns-6 .et_builder_outer_content {
        display: grid;
    }
    
    div#et_builder_outer_content {
        grid-template-columns: repeat(4,1fr);
    }

    You are supposed to add custom CSS under Appearance > Customize > Additional CSS field.

    I hope this information helps.

    Thank you 🙂

    Hi there,

    We’ve not heard back from you in a while, so I’m marking this thread as resolved.

    Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

    Thank you 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Product per page not working correctly’ is closed to new replies.