Using my own template

[vision2003]

Hi,

I need some help with using my own template to create my online store.

Here's the template I've designed
ihost-websites.com/SINKBIZ

Here's my current template
http://www.sinkbiz.com
after following the directions for making a new template at: http://www.zen-cart.com/wiki/index.p...lates_-_Create

Questions:

What's the easiest and quickest way to create my custom template?


Thanks

[afo]

The first link (to the design) doesn't work, but creating a template for Zen Cart involves several files (depending on what you want to do) and images.

This list is a bit outdated, but it'll give you an idea where to start to create a very basic custom template (you can build from there):

• includes/languages/YOUR_TEMPLATE/english.php
• includes/languages/english/YOUR_TEMPLATE/index.php
• includes/languages/english/YOUR_TEMPLATE/meta_tags.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.

[vision2003]

Thanks afo...please clarify

Do I need to edit the php code of all the files you suggested (I hope not)?

Here's the exact design I want my store ot look like:
http://www.ihost-websites.com/SINKBIZ

Here's the beginning file structure I've created for my new zen cart template
from following: http://www.zen-cart.com/wiki/index.p...lates_-_Create

They were copied over from the default template...was this the correct thing to do?

common
css
images
templates
template_info.php

Where do I go from here to achieve my original design?

[afo]

First, go into the admin and turn off the right sideboxes. Start with admin->tools->layout boxes controller and configuration->layout settings.

Change the colors in includes/templates/YOUR_TEMPLATE/css/stylesheet.css.

Change the logo/header in includes/languages/english/YOUR_TEMPLATE/header.php.

Give your template a name (if you haven't already) in includes/templates/YOUR_TEMPLATE/template_info.php

After that, it depends on what you want to do. Refer to the list I posted because it'll give you clues on where some things are... aside from the clues that exist in the default templates.

[vision2003]

Thanks Mary...I was hoping I could just use my own style sheet instead of editing theirs.

Where is the CSS code for changing the color for the right column?

[afo]

Look for the following section in your stylesheet and change the color to whatever you want.

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
	}

I suggest you get the Firefox browser with the web developer addon which will allow you to tinker with the stylesheet and see the results immediately (among other things). You'll need to save the changes separately and upload them to your site to make them permanent.