Woocommerce Product Alignment Issue

  • Hello
    I am facing an issue with product alignment on my New Arrivals page. You can see the issue here: https://www.mochaandco.com/new-arrivals/

    The New Arrivals have been generated using woocommerece code: [recent_products per_page="8" columns="4" orderby="date" order="desc"]

    Can you please help me out as to how I can fix this?

    Also, I always get this message:

    Your theme has bundled outdated copies of WooCommerce template files. If you notice an issue on your site, this could be the reason. Please contact your theme developer for further assistance. You can review the System Status report for full details or learn more about WooCommerce Template Structure here.

    Is this the cause? Also what can I do about this?

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

  • Hey there chelsentus,

    How are you doing today?

    This happens because holders for your products are not the same height, you should be able to fix it with some custom CSS and setting minimum height for your products on product page.

    To do this please try adding the following to Appearance -> Theme Options -> Advanced Settings -> Custom CSS:

    #product_wrapper .tcol-md-3 {
  min-height: 350px;
}

    This should fix the issue with the alignment https://screencast.com/t/2EUITpWpJ.

    As for your other question I don’t believe this is caused by old files but you can definitely try to contact theme authors with this.

    Hope this helps ??

    Cheers,
    Bojan

    hannah

    (@hannahritner)

    chelsentus,
    Are you using the latest version of the theme? With Virtue free you should be on version 2.4.9.

    Hannah

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Woocommerce Product Alignment Issue’ is closed to new replies.