Related products automatically show on the WooCommerce Single Product page. We’ve already seen some tutorials here on Business Bloomer regarding them, such as one for displaying a custom list of related products instead of the default one, which uses product categories and tags in common.
Today I want to cover the actual “Related products” title (H2) and also find a way to display an additional piece of content right below it (subheading). Enjoy!
PHP Snippet #1: Rename “Related products” Title @ WooCommerce Single Product Page
WooCommerce gives us a nice filter so that we can completely change the wording. For example, let’s change “Related products” to “Customers also viewed”:
/**
* @snippet Rename Related Products Heading @ WooCommerce Single Product
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 7
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_filter( 'woocommerce_product_related_products_heading', 'bbloomer_rename_related_products' );
function bbloomer_rename_related_products() {
return "Customers also viewed";
}
PHP Snippet #2: Add Subheading Below “Related products” Heading @ WooCommerce Single Product Page
You may also want to add more text below “Related products”, for SEO and marketing purposes. This is a little trickier as there is no WooCommerce action hook available, so I had to find a workaround and print content BEFORE the related products loop:
/**
* @snippet Related Products Subheading @ WooCommerce Single Product
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 7
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_filter( 'woocommerce_product_loop_start', 'bbloomer_related_products_subheading' );
function bbloomer_related_products_subheading( $html ) {
if ( wc_get_loop_prop( 'name', 'related' ) ) {
$html = '<p>Here you can find a selection of popular products that were viewed and purchased by other customers based on your interests. Enjoy!</p>'. $html;
}
return $html;
}