This is an interesting WooCommerce customization – as you know WordPress menus and widgets read whatever product category name and display it in the frontend.
Let’s say your product category title is “Tables”. This will show up in the navigation menu if you have set it up that way, in te breadcrumbs if you have any, in the sidebar category widgets, and as a title on the single product category page.
This is great and all, but what if your product category name is “Red Round Tables By Whatever Brandname“? As you can imagine, displaying this in a sidebar or navigation menu may be a little too much, while it’s fine to use it as a H1 on the single product category page for SEO reasons and enhanced readability.
So, the question is – how do we define an “alternative” product category name, so that this can be used on the product category page as custom title, while using the default one for other smaller locations such as menus and widgets?
Well, this is how it’s done – enjoy!
PHP Snippet: “Alternative” Product Category Name
/**
* @snippet Second Category Title @ WooCommerce Product Category
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 6
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_action( 'product_cat_add_form_fields', 'bbloomer_add_category_alt_name' );
add_action( 'product_cat_edit_form_fields', 'bbloomer_edit_category_alt_name' );
function bbloomer_add_category_alt_name() {
echo '<div class="form-field">';
echo '<label for="ctitle">Alternative title</label>';
echo '<input type="text" id="ctitle" name="ctitle">';
echo '</div>';
}
function bbloomer_edit_category_alt_name( $term ) {
echo '<tr class="form-field">';
echo '<th for="ctitle">Alternative title</th>';
echo '<td><input type="text" id="ctitle" name="ctitle" value="' . get_term_meta( $term->term_id, 'ctitle', true ) . '"></td>';
echo '</tr>';
}
add_action( 'edit_term', 'bbloomer_save_category_alt_title', 10, 3 );
add_action( 'created_term', 'bbloomer_save_category_alt_title', 10, 3 );
function bbloomer_save_category_alt_title( $term_id, $tt_id = '', $taxonomy = '' ) {
if ( 'product_cat' !== $taxonomy ) return;
if ( isset( $_POST['ctitle'] ) ) {
update_term_meta( $term_id, 'ctitle', $_POST['ctitle'] );
} else {
update_term_meta( $term_id, 'ctitle', '' );
}
}
add_filter( 'woocommerce_page_title', 'bbloomer_edit_cat_page_title' );
function bbloomer_edit_cat_page_title( $title ) {
if ( is_product_category() ) {
$term = get_queried_object();
$title = get_term_meta( $term->term_id, 'ctitle', true ) ? get_term_meta( $term->term_id, 'ctitle', true ) : $title;
}
return $title;
}
Hi Rodolfo, you have been a savior to us many times. We however have a specific Q. We want to replace the term_title (product_cat, product_tag, both) with a function. We could replace the product_title by using “add_filter(‘the_title’, ‘custom_function’)”. How can we accomplish the same for the term_title?
Hello Ravi, not sure I follow. Does this snippet work for you?
Hello. I would like to ask you how can i keep both titles. I need one Name title and after that the alternative title. Thanks in advance.
Of course! Just replace the last snippet with this:
add_filter( 'woocommerce_page_title', 'bbloomer_edit_cat_page_title' ); function bbloomer_edit_cat_page_title( $title ) { if ( is_product_category() ) { $term = get_queried_object(); $title .= get_term_meta( $term->term_id, 'ctitle', true ) ? get_term_meta( $term->term_id, 'ctitle', true ) : ''; } return $title; }You may also need to wrap the second title in an HTML tag in order to send it to the following line
Can we do this for breadcrumbs?
Hi Mustafa, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
Thank you for this one, this really is a problem in some categories. Very helpful. Can’t wait to see more! 🙂
Great!