How to change each Product category header (Banner)

Comments

• Pablo

  July 2019

  Hello,

  Unfortunately, that's not possible.

  You would have to change that with CSS or by the theme files customization.

  To change that with CSS, you have to "catch" the id of page and replace the header_wrapper's background image with your new image.

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• jose_123

  July 2019

  can you show me the example 
• Pablo

  July 2019

  Sure, you have to catch the element by body tag and id of it, see screen: http://prntscr.com/olvyli

  (In archive pages, it's named term, not page-id)

  
  

  And then, find the element where the background image appear, in your case it's the #Header_wrapper and create a CSS for it.

  Like this:
  

  body.term-21 #Header_wrapper{background-image:url(...)}
  

  
  

  Remember, that all CSS code should be pasted in the Theme Options > Custom CSS & JS >CSS

  If you don't know the CSS rules, you should take a look at the W3Schools tutorials.

  HTML and CSS basics are really friendly
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• hoodini

  October 2019

  Hi Pablo, 

  
  

  I have almost the same request. 

  Still no easier option to change the subheader image of a product category and a single product site? very cumbersome is that the subheader image has to be changed for each product page also. 

  
  

  Could you please check... 

  for example.

  This is the site for category Birds

  http://test.skyline.de/avantgarde/
  

  
  

  when you click on the button "see other products" than you get to the product category

  http://test.skyline.de/produkt-kategorie/vogelheime/
  

  
  

  and if you click on a product you get to the single product and here there is no term id. 

  http://test.skyline.de/produkt/vogelheim-belinda/
  

  
  

  it would be great if i can use for each category the same image, else the user get confused. 

  
  

  would be great if you could build this option in a new update.  

  what do you think does it make sense? 

  i think it would be a very useful upgrate.  

  
  

  Thank you for your feedback. 

  john
• Pablo

  October 2019

  hoodini,

  Every category has their own unique class, check in "body" tag:
  

  http://prntscr.comx/pjfc7a

  
  

  But, as you noticed, it is not applied in single products, and it's normal thing - items does have unique class too, but it will not inherit the name of category.

  In case of products, there will be post-id type:

  http://prntscr.com/pjfdk2

  
  

  Thanks
  

  
  

  
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next