prevent product image in the cart

Shopify Discussion

Topic summary

A user needed to hide product images from the cart because an app they’re using causes the first image to no longer accurately represent cart contents. They had attempted using CSS (cart__image { display: none; }) in the theme’s custom CSS without success.

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code snippet above the </body> tag
  • This successfully hides cart images

Status: Resolved. The solution worked for the original poster, who confirmed it solved their problem.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Is there any way to prevent the product image from being displayed in the cart? We now use an App and the first image in the set no longer represents what should be in the cart.

We use Sitar Theme and Globo

we have tried

cart__image { display: none; }

in the theme custom CSS

1 Like
2

Hey @ghayes54

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1748882004310.png
Moeed_0-1748882004310.png1178×762 45.9 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

GREAT! Thank you

1 Like
4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.