Can I customize the background of product mockups?

[Dieseins22]

Is it possible to change the background of the mockups to  an image. I currently have it set as a gradient but i want it to be a customized background image

[SagarSukhanandi]

Hi @Dieseins22 

Please share the store URL and password if it's password protected.

[Dieseins22]

This is the URL https://dieseins.de/

i just want the color gradient in the background  of the product pictures in "collections" set as a picture if its possible

[SagarSukhanandi · Accepted solution]

Please follow the

• Step 1: Go to your Themes page. Navigate to Online Store > Themes. ...
• Step 2: Click Edit code. In the Actions dropdown menu, click on Edit code to get to the code editor.
• Step 3: Find the Assets folder for CSS files and edit the base.css file.
  Add the below style to the base.css file at the end
  Note: Don't forget to change the image URL with your image. As of now I have used your logo
  

.card .card__inner .card__media {
    background: url(//cdn.shopify.com/s/files/1/0618/7594/5658/files/IMG_7552.png);
  }​

[Dieseins22]

Thanks that worked !

[HWoodson]

I am ok up until the end, then I am lost.  I have a background I want to use on my product pictures and can't get it on there.  Can you help me?  Do I just change the url with the file name on my computer?

[SagarSukhanandi]

Hi @HWoodson 
Please share your store URL and password if any.
Please let me know on which section you want to change background

[lorelladivuono]

Hi!

I have the same issue, I want to change background to my product picture. I tried to add to my base css the following but doesn't work

.card .card__inner .card__media {
background: url(//cdn.shopify.com/s/files/1/0825/2509/4193/files/Background.png?v=1697465026);
}​

Please, can you help me?