Shopify themes, liquid, logos, and UX
Hello,
Anyone know how to add a background image to the default product page only? With the header and footer not included?
Solved! Go to the solution
This is an 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
Hi @Weekenders
{% 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 %}
Hi, it didnt work for me
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
Please see screenshot below - Nothing appears.
This is an 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
Worked like a charm!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025