How to hide product title on checkout page in woocommerce

Hi @munibsaad

Thank you for reaching out!

To hide the product title on the checkout page, you can try using the below Custom CSS:

/* hide product title on checkout | 5253442 - ZD | NS */

td.product-name {
    display: none;
}

th.product-name {
    display: none;
}

To implement the above Custom CSS, kindly navigate to WP Admin > Appearance > Customize > Additional CSS > and add the Custom CSS there.

Let us know if this works for you.

Hello @munibsaad!

Hi that css hide all content (Title/Image ) i only want to hide only product title not image.

I couldn’t find a way to only select the title of the products from your checkout page. It seems there is no way to only hide the product title from the checkout page with CSS.

The way contents appear on your checkout page is controlled by the theme you use. So I suggest you reach your theme’s support to get helped with this.

Nevertheless, I’m going to leave this thread open for a bit to see if anyone is able to chime in to help you out here.