Forums / Templates, Stylesheets, Page Layout / How to see what file does what?

How to see what file does what?

Views: 627

Results 1 to 3 of 3
31 Jan 2012, 4:36 PM
#1
whitephantom avatar

whitephantom

Zen Follower

Join Date:
Jan 2010
Posts:
105
Plugin Contributions:
0

How to see what file does what?

Hi,

I feel like I'm always going around in circles trying to find out what file is included where... what folder to look in, what to edit, etc. every time I want to make any changes to the look of my site.

At the moment I want to move the Comments box in the checkout process further up the page, directly under the delivery address, but can't for the life of me see what file I need to edit.

Can anyone tell me an easy way of figuring out what file I need to edit when I want to do these things? (And specifically what file(s) I need to edit to move the Comments field?)

(ZenCart version: 1.3.9g)

Many thanks,

WP.

31 Jan 2012, 5:17 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How to see what file does what?

What I usually do when I don't know what file to edit is view the source of the page and copy a class or id name that looks like it would be unique to that page (or at least relatively few pages) and paste it into the Developers Tool Kit.

Moving page elements around relative to each other is almost always done in template files (that start with tpl_ and are found in the template folders). Most are named such that it's obvious what they control.

31 Jan 2012, 5:27 PM
#3
whitephantom avatar

whitephantom

Zen Follower

Join Date:
Jan 2010
Posts:
105
Plugin Contributions:
0

Re: How to see what file does what?

Thanks a mil Steve - I did that, found the file, and have edited it to successfully move what I needed to move.

So easy when you know how! :D