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 businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @compatible WooCommerce 7
* @community https://businessbloomer.com/club/
*/
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 businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @compatible WooCommerce 7
* @community https://businessbloomer.com/club/
*/
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;
}
I really liked this snippet, for me it is very useful to change the title of woocommerce related products and being able to add additional text is a very valuable plus.
Would you be so kind as to tell me how to do the same with upsells? It can be changed in the settings but I can’t add additional text.
You have a very valuable site for those of us who have stores in woocommerce.
Thank you
Thank you! Ok, I’ll see if I can write a snippet in a couple of weeks
Thanks
Welcome!