Forums / Templates, Stylesheets, Page Layout / How do I use my Dreamweaver template for Wordpress on my Zen Cart?

How do I use my Dreamweaver template for Wordpress on my Zen Cart?

Locked

Views: 1,036

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
16 Jul 2010, 1:23 AM
#1
webgirl25 avatar

webgirl25

New Zenner

Join Date:
Jul 2010
Posts:
1
Plugin Contributions:
0

How do I use my Dreamweaver template for Wordpress on my Zen Cart?

Hello,

I am using the latest version of Zen Cart. It's already installed and hosted. I also have Wordpress for my site. I have a custom designed Dreamweaver template that I want to use in Wordpress and Zen Cart. The site is going to be a webstore with a blog. Can someone give me some tips on how to do this. I have done easy Wordpress sites in the past, so the Dreamweaver design is confusing toi me. I would appreciate any help, in laymen terms, anyone can give me on how do do this.

16 Jul 2010, 10:06 AM
#2
stevesh avatar

stevesh

Black Belt

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

Re: How do I use my Dreamweaver template for Wordpress on my Zen Cart?

The short answer is: you don't.

Your question is much too general for anyone here to answer.

You may have already discovered that Dreamweaver and similar programs are pretty much worthless when stying Zencart. Zencart doesn't use flat HTML for its pages - it builds them 'on the fly' from many sources, using PHP.

You'll need to learn a little about CSS to style Zencart to look like the blog.

A good place to start is the Tutorials/FAQ link at the top of this page.

You'll need some tools, too. An FTP program (I use the FireFTP plugin for Firefox), a good text editor (I use Notepad, and Notepad++ when I need to see line numbers).

Install 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.

When you have specific questions/problems during the styling process, come back to the forums.