How do I change the product background colour for all products on my Shopify store?

Store Design

Topic summary

Goal: Apply a light grey background behind all product images across the store.

Key steps and context:

  • Store URL shared; password provided. Initial access issues resolved via correct link and password entry.
  • Helper advised adding custom code in theme.liquid (before the tag). Note: product images need transparent backgrounds for the effect to show.
  • Merchant added the code (to the second tag) and confirmed it worked on listing pages.

Issues raised:

  • Grey background disappeared on product detail pages and on hover states. Screenshots were provided to illustrate.

Resolution:

  • Due to the broader scope (product pages and hover), collaborator access was requested and granted (via Shopify collaborator code). The helper implemented additional custom code.
  • Merchant confirmed the background is now consistently grey across the site and on hover.

Open item:

  • Merchant asked how to preserve these changes when updating the theme (theme updates can overwrite edited files). No answer yet.

Status: Functionality achieved; guidance on making changes update-safe (e.g., documenting edits, using a duplicate theme or child-like approach) still pending.

Summarized with AI on December 16. AI used: gpt-5.
21

Dear AnneLuo,

Please see the attached screenshot. This is the view after you select the product. If possible, I want the grey to be visible even in this view mode.

kind regards,

Mnqobi

Product Page View.png
Product Page View.png1920Ɨ1200 380 KB

22

Dear Annluo,

Additionally, I notice that the grey disappears when I hover over the product. I would like the grey to not disappear when I hover over the product. I would like for the grey to be a constant background.

Kind regards,

Mnqobi

Product View Hovering.png
Product View Hovering.png1920Ɨ1200 548 KB

23

Dear AnneLuo,

May you assist me please.

Kind regards,

Mnqobi

24

Implementing this requires adding some custom code. So I need to access your store as a collaborator if possible.

25

Dear AnneLuo,

Please access my store as a collaborator.

Kind regards,
Mnqobi

26

Please share me your collaborator code. I will check it for you.

27

Dear AnneLuo, the code is 0141.

28

I have applied the access. Please accept. Iā€™m busy now. So I will help you with it later.

29

Dear AnneLuo, the request came from Shinetech Changchun. Is that you?

30

Yes.

31

Alright thank you for the clarity.

32

Hi, @Ngadlangadla

Have changed the background color of the products for your store. You can view on your online store.

33

Dear AnneLuo,

Thank you. It is perfect. How would I ensure the changes do not disappear
when updating my theme?

Kind regards,
Mnqobi