As of v4.0.1, WooCommerce does not provide a filter to change the output of related products without also affecting the products everywhere else.

To customize the HTML markup of related products, we need to place a copy of woocommerce/templates/single-product/related.php in the child theme under woocommerce/single-product/related.php and make the necessary changes.

If you do not want to or can not use a theme like in the case of Oxygen, you have to use a custom functionality plugin for this.

In this premium members-only article I share a plugin named WPDevDesign - Custom Related Products that you can use as an example and further modify for outputting custom HTML markup for WooCommerce related products on single product pages.

Before:

After:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($37/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: