Insert a background image in the header Taiga theme

Insert a background image in the header Taiga theme

YummyBeauty
Visitor
2 0 0

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!

Reply 1 (1)

Mehran_Ali
Shopify Partner
462 63 70

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:

  1. Go to online Store -> themes
  2. click three dots and select code edit
  3. 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 

-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536