Updating woocommerce breaks my theme

Try this custom css:

/* prevent new row every 2nd product */
@media (min-width: 769px) {
  .shopcol.first {
    clear: none;
  }
}
/* limit related product block width */
.related .shopcol {
  max-width: 280px;
}

Custom css can be entered at:
Dashboard > Appearance > Customise > Additional CSS

Unsupported themes can have problems long term as WP and WC develop and may not always be fully backwards compatible.

Hi lorro, both codes worked perfectly. Thanks a million!

Just one thing, the Related Products don’t appear in four columns. They appear in two columns. Any css to make it appear in two columns?

Where would I find a product with four related products?

You can find it here: https://ega-is.com/producto/autoescuela-1a-clase-gratis/

I see 4 related products in a row. Using Chrome, viewport width 992px or greater.

Sorry I didn’t explain explicitly.

This is the test website with an OUTDATED woocommerce v2.3.2 and the related products display correctly in four columns:
https://ega-is.com/producto/autoescuela-1a-clase-gratis/

And this is the real website with UPDATED woocommerce v3 but the related products aren’t displayed correctly. They appear in two columns instead of four. I would like to have them appear in four columns:
https://egacoupons.com/producto/autoescuela-1a-clase-gratis/

Thanks

There is some code here you can use to set the number of related products:
https://docs.woocommerce.com/document/change-number-of-related-products-output/

The first snippet is for Woo themes, the second for non-woo themes.

I added the code below in my functions.php in the child theme. But no changes:

/**
* WooCommerce Extra Feature
* ————————–
*
* Change number of related products on product page
* Set your own value for ‘posts_per_page’
*
*/
function woo_related_products_limit() {
global $product;

$args[‘posts_per_page’] = 6;
return $args;
}
add_filter( ‘woocommerce_output_related_products_args’, ‘jk_related_products_args’ );
function jk_related_products_args( $args ) {
$args[‘posts_per_page’] = 4; // 4 related products
$args[‘columns’] = 4; // arranged in 4 columns
return $args;
}

The page at the WooCommerce link tells us that their snippet may not work for all themes. As your theme is a commercial theme, its code is not available to www.remarpro.com forum members. You could try asking your theme vendor’s support for help, otherwise you may need some developer help to resolve this.