Comment repérer dans quel fichier se situe une ligne de code

Bonjour,

Je suis infographiste, mais pas du tout spécialiser dans le web, je doit un peu me débrouiller sur le tas vu que mon boss m'a demander de réaliser un e-commerce. Nous sommes partie sur une base cms prestashop pour aller au plus simple. Et je suis confronté à un problème tout simple.

J'utilise google chrome comme navigateur et quand je veux modifier un élément la plupart du temps je n'ai besoin que de toucher au css, et c'est relativement simple de repérer ou se trouvez l'élément avec la fonction "inspecter l'élément". Par contre dès qu'il s'agit de savoir ou se trouve une ligne de code dans la page elle même (ou le module, c'est comme ça que prestahop fonctionne), je suis incapable de savoir dans quel fichier je vais la retrouver.

Je ne suis pas sur d'être bien clair, ni d'employer non plus la bonne méthode, pour illustrer mes propos j'ai prit un screen aléatoire de mon site, que j'ai mit en pièce jointe, comment je peu savoir dans quel fichier se trouve la ligne en surbrillance?

Merci d'avance pour vos conseils.

dans les CMS (et produits approchant), les pages html sont générées dynamiquement, il est donc assez difficile de retrouver ça si tu ne maîtrise pas l'architecture de CMS...

Si tu as un bon IDE et une chaîne de caractère facilement identifiable (genre avec un attribut id), tu doit pouvoir retrouver via une fonction de type "rechercher dans le projet"

Sinon, il faut que tu fouille dans les fichiers de ton thème (dossier themes > ton thème > les fichiers .tpl en général), les noms de fichier étant généralement assez explicites (en anglais) par exemple footer.tpl contient le pied de page, product.tpl le code des fiches produit, etc.

Prestashop utilise ces fichiers pour générer les bouts de page correspondant à tes besoins.

Ok, merci pour ces éclaircissements. Je m'imaginai justement que c'était quelque chose comme ça, et donc vu que les page html sont générer dynamiquement je ne vais retrouver nul part cette ligne de code précise ... il faut que je trouve dans le tpl la fonction qui va générer ce code?

Etant donné mes compétences limité en développement web je suis totalement incapable d'associer ce genre d'élément, en d'autre terme, je ne suis pas sortie de l'auberge :lol:.

Merci en tout cas pour ces quelques précision. :ccool:

En fait, les templates sont un mélange de code html et de code smarty, smarty étant le moteur de template utilisé par prestashop.

Si tu veux simplement modifier le code html, tu retrouvera tes éléments facilement dans les fichiers.

Si tu as besoin de te familiariser avec smarty, tu as un tutoriel ici :
http://eric-pommereau.developpez.com...iation-smarty/
mais ça implique d'avoir des bases en php et html