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 ($47/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

Comments

You need to be logged in to view and post comments.
Not a member yet? Join here.
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: