Forums / Templates, Stylesheets, Page Layout / Where can i find the files that let me customize my template?

Where can i find the files that let me customize my template?

Locked

Started by damiancds on 16 Apr 2010, 1:38 PM · Views: 913

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
16 Apr 2010, 1:38 PM
#1
damiancds avatar

damiancds

New Zenner

Join Date:
Aug 2009
Posts:
14
Plugin Contributions:
0

Where can i find the files that let me customize my template?

The way I've set up my standard site is through includes, where i'll have a index.php page that includes the header, menu, and footer. I'm assuming that's kinda how zen cart is set up.

What I'm asking is where is the original file that includes the rest?

I assumed it would be zen/index.php (where zen/ is the install directory) but it doesn't even have the html and head tags

things I'd like to accomplish:
add an additional style sheet,
change the layout of certain sections,
and be able to isolate included sections to have an easier time figuring them out.

I wasn't sure if this should go in the layout section or this.

as per the posting tips,
i have version 1.3.8, not upgraded, no add ons, one template

if you could get me pointed in the right direction, i'd really appreciate it,

thanks,

16 Apr 2010, 2:06 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Where can i find the files that let me customize my template?

Zencart is a database driven dynamic PHP program which builds pages 'on the fly' from various components. It does, as you mentioned, have a header, center column and footer, as well as two side columns.

The easiest way to figure out what is where is by installing the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.

These may help, too:

https://www.zen-cart.com/tutorials/index.php?article=38
https://www.zen-cart.com/tutorials/index.php?article=39

16 Apr 2010, 2:36 PM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Where can i find the files that let me customize my template?

/includes/templates/your_template/common/tpl_main_page.php is the file that brings in the major sections of the page.

Most of the things you mention will be accomplished not by editing this file, but by admin settings and other control features built into Zen Cart.

16 Apr 2010, 3:04 PM
#4
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,511
Plugin Contributions:
176

Re: Where can i find the files that let me customize my template?

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

16 Apr 2010, 3:44 PM
#5
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Where can i find the files that let me customize my template?

There are free templates available for Zen Cart which you can use as a starting point or as a guideline to creating your own template. You can see them in action at http://(sorry, site offline)/. Use the pulldown menu to change templates.

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey