find tpl file location on page

[mikewra]

When I made my PrestaShop, my one gripe was the time-consuming hunt for the right .tpl and its related css file to modify.

I had a bit of free time, so I downloaded PrestaShop v1.6.0.11.  I then went through all the tpl files and added the location to the file.  Now on viewing the store, I can see which tpl file, and where it's located, is responsible for a particular part of the page. I didn't minify the css, so using the browser's Inspect Element or Firebug can tell you which css file is associated with the tpl

I put the store on a server and domain that I don't use anymore.  So, if you're hunting for a tpl file, you can see if it comes up on that site.  Hovering on some of the images on the homepage will yield a pop-up title with the location of where to modify the image. I don't know if anyone else would find this helpful, but it's there if you want it.

The Url is http://aluminum-telescoping-pole.com/demo-store/en/

If there are any mistakes or oversights, please let me know.
 

Edited January 21, 2015 by mikewra (see edit history)

[David S Johnston]

Spot on Mike, just what I was looking for!

 

It is indeed a bugger hunting for the .tpl files when you are a newbie to prestashop!

 

Thanks!

[Major Bob]

This looks very handy. Just the type of help I needed.

[BlackEdition]

Thank you so much, this is very helpful! If you're planning to also do it for Prestashop 1.7 that would be excellent.

 

How long do you plan to keep the website up and running? This is so useful I don't understand why are people not visiting your post.

Edited May 22, 2017 by BlackEdition (see edit history)