OswaldStage Posted April 12, 2017 Share Posted April 12, 2017 (edited) Hello, I am trying to change the top logo in my header for a specific category page. I'm using prestashop 1.6.1.11, is it possible to do this with css? Edited April 12, 2017 by OswaldStage (see edit history) Link to comment Share on other sites More sharing options...
JeredBolton Posted April 12, 2017 Share Posted April 12, 2017 You'll need more than CSS because you'll have to modify the back office so that you can upload different header logos for each category page. Link to comment Share on other sites More sharing options...
OswaldStage Posted April 12, 2017 Author Share Posted April 12, 2017 I only need it in one specific category page for the moment. Wouldn't it be possible to just upload the image using FTP and changing the link with CSS? Link to comment Share on other sites More sharing options...
JeredBolton Posted April 12, 2017 Share Posted April 12, 2017 You could upload the image and then modify the tpl file so that it includes a different logo for a specific category ID. Link to comment Share on other sites More sharing options...
OswaldStage Posted April 12, 2017 Author Share Posted April 12, 2017 Ok thanks! Do i modify this in the category.tpl file? Link to comment Share on other sites More sharing options...
JeredBolton Posted April 12, 2017 Share Posted April 12, 2017 Search for the word logo in header.tpl. Link to comment Share on other sites More sharing options...
OswaldStage Posted April 12, 2017 Author Share Posted April 12, 2017 I'll try and figure it out. Thanks again. Link to comment Share on other sites More sharing options...
OswaldStage Posted April 12, 2017 Author Share Posted April 12, 2017 I found the piece of code in the header.tpl file but couldn't figure out how to replace it, since im not that good in scripting. But i did manage to do it using only CSS, it might not be the cleanest piece of code but it works! .categoryname .logo { display: block; box-sizing: border-box; background: url(*img link*); width: 350px; height: 99px; padding-left: 350px; } Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now