Remove attribute values from product variation title and show them on separate rows
I have a checkout page where I want to:
- Remove selected product attribute values from product variation title item.
- Remove the quantity from item title too.
- Display the different product attribute value such as size, color and the quantity on different rows, for this product variation item.
I want to display on my checkout page:
Aria Sport Shorts (the product title)
Color: Dusty Pink
Size: Small
QTY: 1
Instead of this:
Is it possible? Where I should start to make this real?
UPDATED
1) Since WooCommerce 3+, to remove attribute values from Product variation title and to display them in a separate row will need to use this 2 dedicated simple hooks (in checkout page).
- Removing attribute values from Product variation title:
add_filter( 'woocommerce_product_variation_title_include_attributes', 'variation_title_not_include_attributes' );
function variation_title_not_include_attributes( $boolean ){
if ( ! is_cart() )
$boolean = false;
return $boolean;
}
- Display Product variation attributes label and values in separate rows:
add_filter( 'woocommerce_is_attribute_in_product_name', 'remove_attribute_in_product_name' );
function remove_attribute_in_product_name( $boolean){
if ( ! is_cart() )
$boolean = false;
return $boolean;
}
2) Checkout page - Remove the quantity from the product title and add it back in a separate row.
- Remove the quantity from the product title:
add_filter( 'woocommerce_checkout_cart_item_quantity', 'remove_product_variation_qty_from_title', 10, 3 );
function remove_product_variation_qty_from_title( $quantity_html, $cart_item, $cart_item_key ){
if ( $cart_item['data']->is_type('variation') && is_checkout() )
$quantity_html = '';
return $quantity_html;
}
- Add back the cart item quantity in a separate row:
add_filter( 'woocommerce_get_item_data', 'filter_get_item_data', 10, 2 );
function filter_get_item_data( $item_data, $cart_item ) {
if ( $cart_item['data']->is_type('variation') && is_checkout() )
$item_data[] = array(
'key' => __('QTY'),
'display' => $cart_item['quantity']
);
return $item_data;
}
Code goes in function.php file of your active child theme (or theme) or also in any plugin file.
Tested in Woocommerce version 3+ and works. You should maybe need to make some styling changes…