Adding a background image to the Default Background Page only

[Weekenders]

Hello,

Anyone know how to add a background image to the default product page only? With the header and footer not included?

[DaisyVo]

Hi @Weekenders 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

{% if template.name == 'product' %}
{% style %}
main#MainContent {
    background-image: url("https://fastly.picsum.photos/id/4/2000/2000.jpg?hmac=Vj7NXdi0xnOtFJQ7v7oIxMQrtQG6bSapX2z7Gsmr5yQ");
}
product-info {
    background: transparent !important;
}
{% endstyle %}
{% endif %}

Here is the result: https://prnt.sc/EBsbaD_j3Rvd 

Please change the URL of the image you want to change in the code https://prnt.sc/Dc_GM6yHWLyS 

I hope  this helps

Best,

Daisy

[Weekenders]

Hi, it didnt work for me

[DaisyVo]

Hi @Weekenders 

Could you please share with me the screenshot you added the code and the image that you want to take as background?

Best,

Daisy

[Weekenders]

Please see screenshot below - Nothing appears.

[DaisyVo · Accepted solution]

Hi @Weekenders 

Please copy the same code you add, but please add it here:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code 
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> https://prnt.sc/x9L7I-hjei86

I hope this helps

Best,

Daisy

[Weekenders]

Worked like a charm!