How To Remove Default Product Image on Add To Cart Dropdown Screen & Checkout Screen

Shopify Discussion

Topic summary

A Shopify store selling custom cat portraits faces a UX issue: after customers input personalization details, both the cart and checkout pages display a generic default product image, causing confusion.

Requested solutions:

  • Remove product images from cart and checkout pages entirely
  • Improve cart page text/layout for better user experience
  • Hide default product image from order summary at checkout

The store owner asked if simple CSS or Liquid theme edits could resolve this.

Resolution provided:
A CSS solution was shared to hide the cart image:

.cart__image { display: none; }

This code should be added via: Themes > Edit code > Assets > custom.css or theme.css

Limitation noted: The solution only works for the cart page, not the checkout page (checkout page image removal wasn’t possible with this method).

The original poster confirmed the solution worked for their immediate need.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hi all!

Our Shopify store is centered around custom cat portraits. The problem is that after a user inputs all the custom information about their cat and wants to check out:

  1. The add to cart page shows an image of our default product photo which is confusing to a customer
  2. The add to cart page text is not user friendly and off putting
  3. The checkout page shows a photo of our ur default product photo which is confusing to a customer

How can I:

  1. Remove of the add to cart image all together
  2. Design a cleaner look to the add to cart page and the summary and the info the customer just entered
  3. The removal of the product image from the checkout page order summary

I attached pictures so you can get more context on what I mean.

Please let me know if this requires simple code changes to the css or theme liquid!

DESKTOP VIEW PT2.png
DESKTOP VIEW PT2.png2394×1796 479 KB

DESKTOP VIEW.png
DESKTOP VIEW.png2392×1800 320 KB

MOBILE VIEW.png
MOBILE VIEW.png2394×1800 400 KB

2

HI,

We can hide the image only on the cart page and not on the checkout page

Add this CSS code

Online Store > Themes > Edit code > Assets > custom.css or theme.css

.cart__image { display: none; }
3

Thank you!