Published on Mar 28, 2020

[Plugin] Custom Related Products in WooCommerce

Sridhar Katakam

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 $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right