Add Background Imagem in "Product Page" (Dawn Theme"

Add Background Imagem in "Product Page" (Dawn Theme"

Danielpochapski
Explorer
62 0 11

Hello,

I have a custom page for "pet products". I would like to place a background image on the product description page, as shown in the image. I am attaching the image that I would like to add as a background.

Product Description.jpg

Background Image.jpg

 

Can someone help me?

 

Thanks in advance"

 

Replies 2 (2)

Valya_
Shopify Partner
11 1 2

Hey there, upload your image to the Assets folder in your theme, and then insert it into your product's Liquid section like this. It should work. If it doesn't (since this depends on your theme's code), let me know, and I can help you further.

 

{%- style -%}
body {
background-image: url({{ 'your_image.jpg' | asset_img_url: 'original' }});
background-repeat: no-repeat;
background-size: cover;
}
{%- endstyle -%}

Untitled.jpg

Just want to help
yograndpagotit
Excursionist
12 0 2

Hi!

 

I have a similar issue. I want to add a bkgd image to my product page. I'm using the Dawn theme, and I tried the code you provided but its not working.