How to add a background image to the product page (narrative theme)

Meridian2012
New Member
4 0 0

I'm trying to add an background image to the product page. This is what I have so far:

body.product-template {
background-color: transparent;
background: url({{ 'background.png' | asset_url }});
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

I used a similar code for the password page and that worked fine, any help would be greatly appreciated!

 

 

0 Likes
Natztech
Shopify Partner
1403 393 947

hello @Meridian2012 

please use this CSS for adding background images in to product page 

 

  body.template-product {

background-image: url({{ 'background.png' | asset_img_url: 'original' }});
background-position: center;
background-repeat: no-repeat;
background-size: cover;
     }
       

 

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
Meridian2012
New Member
4 0 0

Thank you!

0 Likes