Good morning, I would like to insert a background image to my header (in all the shop pages): I have already searched here and there in the ENG forum trying with code strings found but it doesn’t work and I am only left with full color as the default theme. Can you kindly help me? Thank you!
Hi @YummyBeauty
You can achieve this by editing the header file liquid if you are familiar with the liquid code just follow these steps otherwise hire an expert who can do that liquid customization feel free to reach me out
The Solution:
Follow these steps:
- Go to online Store → themes
- click three dots and select code edit
- Search for a theme.liquid file find the body tag and add this condition
{% if template contains 'collection' or template contains 'product' %}bg-header{% endif %}
Make sure you don’t disturb the existing classes it will cause problem
- Now ack to code edit search and search for the file name as the header.liquid
- go to schema and add the this scheme option of image picker
- no use that mage in the header main div as a style background image
The above mention step are need hight liquid code knowledge if you do have that than try these step but make sure make a copy of theme or if you need any help in that customization feel free to reach me on given information I can do that for you