Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing Classic Template

Changing Classic Template

Locked

Views: 1,517

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
24 May 2007, 18:48
#1
sibiya2000 avatar

sibiya2000

New Zenner

Join Date:
May 2007
Posts:
18
Plugin Contributions:
0

Changing Classic Template

  1. Is is possible to change the Green Classic Template to display a full width display like the Silverfish?
  2. If not, how can I change the colors of the Silverfish to green [same as classic template].
  3. Thirdly where can I can the codes for all colors [eg #444 is for lightest grey color]
24 May 2007, 18:53
#2
ajeh avatar

ajeh

Oba-san

Join Date:
Sep 2003
Location:
Ohio
Posts:
62,757
Plugin Contributions:
1

Re: Changing Classic Template

Create your own templates and overrides first ... then change it all to anything you like ... :smile:

You do not want to use the Classic Template or change it or any other files without using the overrides ...

24 May 2007, 18:59
#3
afo avatar

afo

Totally Zenned

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

Re: Changing Classic Template

To create a very basic custom template (you can build from there), you need:

  • includes/languages/YOUR_TEMPLATE/english.php
  • includes/languages/english/YOUR_TEMPLATE/index.php
  • includes/languages/english/YOUR_TEMPLATE/header.php (to change the logo)
  • includes/templates/YOUR_TEMPLATE/template_info.php
  • includes/templates/YOUR_TEMPLATE/common/tpl_header.php
  • includes/templates/YOUR_TEMPLATE/common/tpl_footer.php
  • includes/templates/YOUR_TEMPLATE/images/logo.gif
  • includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Anywhere you see a /classic/ folder, you can create a folder for your custom template. You can copy the necessary files from either the /classic/ folder, the /template_default/ folder or the parent folder.

Edit includes/templates/YOUR_TEMPLATE/template_info.php to give your template identifying information so you'll recognize it in the admin under tools->template selection.

24 May 2007, 19:14
#4
sibiya2000 avatar

sibiya2000

New Zenner

Join Date:
May 2007
Posts:
18
Plugin Contributions:
0

Re: Changing Classic Template

Mhnnnn.... Ajeh & afo, I not a computer wizard. I just needed to do something simple by changing one figure. I like both templates but they are vice versa in terms of color and the width. I like the wide width for the Silverfish and the green color for the classic. But I can take the challenge in creating my own. Afo, do I have to copy all the files you've mentioned and how will I know that its a full width and a green color?

24 May 2007, 19:27
#5
afo avatar

afo

Totally Zenned

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

Re: Changing Classic Template

You don't have to be a wiz to customize ZC.

Change the colors in the stylesheet. There are tons of sites with color charts. You'll find one such chart here.

My list is a pretty basic one. I'd suggest using the Silverfish template files as your starting point and playing around with the colors from there. The best part of using the override system is that if you goof up, you can scrap what you did and start with the original file again.

If you do your changes in the original (/classic/) files, they'll be overwritten by future upgrades/updates.

31 May 2007, 04:58
#6
sibiya2000 avatar

sibiya2000

New Zenner

Join Date:
May 2007
Posts:
18
Plugin Contributions:
0

Re: Changing Classic Template

Thank you for your input.

31 May 2007, 11:25
#7
madmumbler avatar

madmumbler

Zen Follower

Join Date:
Dec 2005
Location:
SWFL
Posts:
450
Plugin Contributions:
0

Re: Changing Classic Template

Colors are all changed in the stylesheet.css file for your custom template.

To change the width, look for this section of code in the stylesheet.css file:

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

HOWEVER -- do NOT change your default template code! Make a new template and install it and create the changes there. Otherwise, you will be reinstalling everything after an upgrade.

The easiest thing to do is copy on your computer every folder that says "classic" and name it whatever you want (no spaces). Then go into the includes/templates/yournewtemplate/template_info.php file and change the information to reflect your new template.

Upload it all and install it in the admin panel. Now you can configure to your heart's content.

Another caveat -- the classic template width can be changed. However, I have never played with it doing what you want to do, and you'll have to change the header background graphic to a repeating kind to fill in if you want the same look. So don't be surprised if you have unexpected results when doing this.

HTH,