HTML/Site created in webplus, how to get into ZenCart?

26 Mar 2009, 8:09 PM

#1

Zen Follower

Join Date:: Mar 2009
Location:: Cornelius, NC
Posts:: 334
Plugin Contributions:: 0

HTML/Site created in webplus, how to get into ZenCart?

ok, so im sure im doing this the most bass-aquard way possible.. but im just working within the limitations of my knowledge to accomplish what i want to do.

i have a "site" created in webplus x2... which is an html based program. when i upload it to my domain, it provides and index page, and then each page is a separate html file.

i have used this program, because i liked the easy setup of the menus, buttons, links etc (drag and drop, resizing etc)... i know enough to know how i want it laid out, but not enough to do it from scratch.. and this program fit the bill...

until..
i got to the shopping cart part. ultimately, i cannot use paypal payments pro with webplus. it is set up to always link the customer offsite, which was i was avoiding with the paypal pro.

basically i want my webplus layout, with zencart checkout and database management...

now, the way i see it i have two options (please let me know if you can think of a better way!!)

use webplus, and use iframes to link to a concurrent zencart site in a different folder but still on my domain... however, not to mention iframes arent really a good way to do it... also, the contents of the iframe are not picked up in a site search.
integrate these html files into my zencart, or convert them to .php thru adobe dreamweaver.... i found a post about this, but need more detail...

i follow directions well, so if someone can give me some input, be patient and give me step by step directions... i can get this done!

thanks to all in advance.

"Be the Change you wish to see in the World..." -Gandhi

26 Mar 2009, 8:21 PM

#2

gjh42

Black Belt

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

Re: HTML/Site created in webplus, how to get into ZenCart?

The way to go is to apply the design to your Zen Cart template. Depending on the details, it can be easy or difficult... a link to see your layout (live if possible) will help us give the best advice.
Don't try to turn it into PHP with Dreamweaver, as that will not be compatible with the existing ZC file structure.

Glenn . . . Future Relics Jewelry, NY Faerie Festival
Categories Dressing, Images for Titles, Smart Backgrounds, Additional Img Titles, Flexible Attributes, Ezpages Footer Columns, Model List...

26 Mar 2009, 8:39 PM

#3

customk1

Zen Follower

Join Date:: Mar 2009
Location:: Cornelius, NC
Posts:: 334
Plugin Contributions:: 0

Re: HTML/Site created in webplus, how to get into ZenCart?

sure thing!

here ya go...
https://www.customk9design.com/catalog

no product inventory... but all pages like "about us", "copyright", "contact" etc are set...

"Be the Change you wish to see in the World..." -Gandhi

26 Mar 2009, 8:59 PM

#4

gjh42

Black Belt

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

Re: HTML/Site created in webplus, how to get into ZenCart?

Nice design, and will not be difficult to convert to a Zen Cart template, though there will be a lot of details to work through.

Start by installing Zen Cart in a subfolder, with its demo products, and playing with it to see the existing options for functionality - you may see some you like as well or better than something you have now, or get ideas you hadn't thought of.

You will want to turn off the right sidebar (admin switch), and set the left sidebar to be hidden on certain pages (simple edit to the tpl_main_page.php file in your template).

The content of some of your existing pages can be copied into define pages or ez-pages in ZC admin.

In short, get started, study the tutorials and search the forum for any questions you have, and if you don't find an answer that way, ask here.

Glenn . . . Future Relics Jewelry, NY Faerie Festival
Categories Dressing, Images for Titles, Smart Backgrounds, Additional Img Titles, Flexible Attributes, Ezpages Footer Columns, Model List...

26 Mar 2009, 9:20 PM

#5

customk1

Zen Follower

Join Date:: Mar 2009
Location:: Cornelius, NC
Posts:: 334
Plugin Contributions:: 0

Re: HTML/Site created in webplus, how to get into ZenCart?

ok, so i have zencart installed already in a neighboring folder (catalogzen) with a dark template installed and a mod or two...

can you explain in more detail how exactly i would do this:
"The content of some of your existing pages can be copied into define pages or ez-pages in ZC admin."

i think i know how to work with the images mostly, like header etc...

the big ? for me is stuff like the catalog menu on the left..?

anyways, just keep the info coming... and we'll get it worked out, thanks so much!

"Be the Change you wish to see in the World..." -Gandhi

26 Mar 2009, 9:46 PM

#6

gjh42

Black Belt

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

Re: HTML/Site created in webplus, how to get into ZenCart?

Essentially, you can copy the HTML of the main content column from your existing site into a define page in Tools > Define Pages Editor, or into an ez-page in Tools > EZ-Pages. DO NOT copy entire HTML pages with <head>, <body>, etc. tags, just the relevant HTML for the content.

Categories Dressing can let you replace your category names with images.
Out of time - I have to go now.

Glenn . . . Future Relics Jewelry, NY Faerie Festival
Categories Dressing, Images for Titles, Smart Backgrounds, Additional Img Titles, Flexible Attributes, Ezpages Footer Columns, Model List...

26 Mar 2009, 11:13 PM

#7

customk1

Zen Follower

Join Date:: Mar 2009
Location:: Cornelius, NC
Posts:: 334
Plugin Contributions:: 0

Re: HTML/Site created in webplus, how to get into ZenCart?

ok, so i really dont know html well enough to know what to copy and what not to... but im pretty good at experimenting until i get it right...

i am going to copy a full copy of the html for the webplus x2 main page... (seen here, https://www.customk9design.com/catalog)

if i were to integrate this into my zencart main page (https://www.customk9design.com/catalogzen)

what of this would go into a define page in Tools > Define Pages Editor??

IM SORRY IT IS SO LONG!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="Generator" content="Serif WebPlus 11.0.7.032">

<title>Home</title>

<meta name="author" content="Custom K9 Design">

<link rel="icon" href="wpimages/favicon.ico" type="image/x-icon">

<link rel="shortcut icon" href="wpimages/favicon.ico" type="image/x-icon">

<style type="text/css">

<!--

body {margin: 0px; padding: 0px;}

a:link {color: #3c75c6;}

a:visited {color: #b65b4c;}

a:hover {color: #155dc4;}

a:active {color: #155dc4;}

.Normal-P

        {

        margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400; 

        }

.Normal-P0

        {

        margin:0.0px 4.0px 0.0px 4.0px; text-align:center; font-weight:400; 

        }

.Normal-C

        {

        font-family:"Copperplate Gothic Bold", sans-serif; font-size:13.0px; 

        line-height:1.15em; color:#3c75c6; 

        }

.Normal-C0

        {

        font-family:"Copperplate Gothic Bold", sans-serif; font-size:13.0px; 

        line-height:1.15em; color:#8495b4; 

        }

.Normal-C1

        {

        font-family:"Trebuchet MS", sans-serif; font-weight:700; 

        font-size:16.0px; line-height:2.06em; color:#ffffff; 

        }

.Normal-C2

        {

        font-family:"Comic Sans MS", cursive; font-size:16.0px; 

        line-height:2.13em; color:#3c75c6; 

        }

-->

</style>

<script src="wpscripts/jsFlashVer.js" type="text/javascript"></script>

<script type="text/javascript"><!--

var blankSrc = "wpscripts/blank.gif";

--></script>

<script src="wpscripts/jspngfix.js" type="text/javascript"></script>

<script src="wpscripts/jsDetectBrowser.js" type="text/javascript"></script>

<script src="wpscripts/jsMenus.js" type="text/javascript"></script>

<script type="text/javascript">

<!--

var wp_menubar0 = new wp_menus();

wp_menubar0.m_bkgndcolor = '#155dc4';

wp_menubar0.m_bkgndcolorhl = '#8495b4';

wp_menubar0.m_textcolor = '#000000';

wp_menubar0.m_textcolorhl = '#3a3a3b';

wp_menubar0.m_bordercolor = '#155dc4';

wp_menubar0.m_bordersize = 1;

wp_menubar0.m_fontsize = 16;

wp_menubar0.m_fontbold = true;

wp_menubar0.m_imagearrow = 'wpimages/wpc92895a9.gif';

wp_menubar0.m_imagearrowhl = 'wpimages/wp791bcf93.gif';

wp_menubar0.m_txtalign = 'center';

wp_menubar0.m_fontfamily = 'Copperplate Gothic Light,serif';

wp_menubar0.m_filterOpacity = 100;

wp_menubar0.m_mozOpacity = 1.000000;

wp_menubar0.m_delay = 500;

wp_menubar0.m_itemlines = true;

wp_menubar0.m_width = 150;

wp_menubar0.m_acStack.type = 1;

wp_menubar0.m_acStack.m_showbelow = true;

wp_menubar0.m_acStack.m_showright = true;

wp_menubar0.m_acStack.gap = 1;

wp_menubar0.m_acStack.bordergap = 1;

wp_menubar0.m_acStack.m_firstpopup = 1;

wp_menubar0.BeginMenu('wp_menubar0_P3');

wp_menubar0.AddLink('wp_menubar0_P3_I0','Economy','http://customk9design.com/catalog/page4.html','wp_menubar0_P3_P1','_self');

wp_menubar0.AddLink('wp_menubar0_P3_I1','Deluxe','http://customk9design.com/catalog/page5.html',null,'_self');

wp_menubar0.EndMenu();

wp_menubar0.BeginMenu('wp_menubar0_P3_P1');

wp_menubar0.AddLink('wp_menubar0_P3_P1_I0','EBLC1','http://customk9design.com/catalog/page35a.html',null,'_self');

wp_menubar0.EndMenu();

wp_menubar0.BeginMenu('wp_menubar0_P4');

wp_menubar0.AddLink('wp_menubar0_P4_I0','Economy','http://customk9design.com/catalog/page7.html',null,'_self');

wp_menubar0.AddLink('wp_menubar0_P4_I1','Deluxe','http://customk9design.com/catalog/page8.html',null,'_self');

wp_menubar0.EndMenu();

wp_menubar0.BeginMenu('wp_menubar0_P6');

wp_menubar0.AddLink('wp_menubar0_P6_I0','Economy','http://customk9design.com/catalog/page11.html',null,'_self');

wp_menubar0.AddLink('wp_menubar0_P6_I1','Deluxe','http://customk9design.com/catalog/page12.html',null,'_self');

wp_menubar0.AddLink('wp_menubar0_P6_I2','Spiked','http://customk9design.com/catalog/page13.html',null,'_self');

wp_menubar0.AddLink('wp_menubar0_P6_I3','Tracking','http://customk9design.com/catalog/page15.html',null,'_self');

wp_menubar0.EndMenu();

wp_menubar0.BeginMenu('wp_menubar0_P8');

wp_menubar0.AddLink('wp_menubar0_P8_I0','Treat/Training','http://customk9design.com/catalog/page17.html',null,'_self');

wp_menubar0.AddLink('wp_menubar0_P8_I1','E-Collar','http://customk9design.com/catalog/page18.html',null,'_self');

wp_menubar0.EndMenu();

wp_menubar0.BeginMenu('wp_menubar0_P9');

wp_menubar0.AddLink('wp_menubar0_P9_I0','Historical','http://customk9design.com/catalog/page20.html',null,'_self');

wp_menubar0.AddLink('wp_menubar0_P9_I1','Functional','http://customk9design.com/catalog/page21.html',null,'_self');

wp_menubar0.EndMenu();

//-->

</script>

<script src="wpscripts/jsRollover.js" type="text/javascript">

</script>

<script type="text/javascript">

<!--

PPImgInit('tg_1','wpimages/wp3af4881e.png','wpimages/wp67d67a52.png','','',0,0);

PPImgInit('tg_2','wpimages/wp0143093c.png','wpimages/wp3ad2aa43.png','','',0,0);

PPImgInit('tg_3','wpimages/wp2169b5a5.png','wpimages/wp27e5a19c.png','','',0,0);

PPImgInit('tg_4','wpimages/wp75b2688a.png','wpimages/wp27653e35.png','','',0,0);

PPImgInit('tg_5','wpimages/wp11731cab.png','wpimages/wp10738dd6.png','','',0,0);

PPImgInit('tg_6','wpimages/wp3ab04972.png','wpimages/wp123e5356.png','','',0,0);

PPImgInit('tg_7','wpimages/wp9da30ad8.png','wpimages/wp2a06a8d4.png','','',0,0);

PPImgInit('tg_8','wpimages/wp320e41ca.png','wpimages/wp40cff440.png','','',0,0);

PPImgInit('tg_9','wpimages/wpe7a22f77.png','wpimages/wp28ebc820.png','','',0,0);

PPImgInit('tg_10','wpimages/wp3fc9b423.png','wpimages/wp6c9dc01e.png','','',0,0);

PPImgInit('tg_11','wpimages/wp82dac1c8.png','wpimages/wp32e49c28.png','','',0,0);

//-->

</script>

</head>



<body text="#000000" style="background: #000000; text-align:center; height:1000px;">

<div style="background: transparent; position:relative;width:800px;height:1000px;margin-left:auto;margin-right:auto;">

<div style="position:absolute; left:4px; top:3px; width:612px; height:236px;">

    <img src="wpimages/wp55eccbdb.png" width="612" height="236" border="0" id="pic_1" name="pic_1" title="" alt="" onload="OnLoadPngFix()"></div>

<div style="position:absolute; left:624px; top:3px; width:172px; height:172px;">

    <img src="wpimages/wp37c532d5.png" width="172" height="172" border="0" id="pic_2" name="pic_2" title="" alt="" onload="OnLoadPngFix()"></div>

<div id="site_search_1" style="position: absolute; top:180px; left:623px; width:171px; height:44px;"><form action="" onSubmit="return false;" style="margin: 0; padding: 0;">

    <input id="site_search_1_input" name="site_search_1_input" onKeyPress="if (event.keyCode==13) window.location.href='page23.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&depth=0';" style="width: 171px;" type="text">

    <div style="clear: both; text-align: center"><button onClick="window.location.href='page23.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&depth=0';" style="width: 60px;">Search</button></div>

</form></div>

<div style="text-align:left; position:absolute; left:20px; top:300px;">

    <a href="http://customk9design.com/catalog/index.html" target="_self"><img alt="Home." title="" id="wp_menubar0_0" src="wpimages/wp3af0a57b.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_0',wp_menubar0,null);" onMouseOut="wp_MenuItemOut('wp_menubar0_0',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page2.html" target="_self"><img alt="E-Dannas." title="" id="wp_menubar0_1" src="wpimages/wpe22f230a.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_1',wp_menubar0,null);" onMouseOut="wp_MenuItemOut('wp_menubar0_1',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page3.html" target="_self"><img alt="Collars." title="" id="wp_menubar0_2" src="wpimages/wp8bca5f29.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_2',wp_menubar0,'wp_menubar0_P3');" onMouseOut="wp_MenuItemOut('wp_menubar0_2',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page6.html" target="_self"><img alt="Leashes." title="" id="wp_menubar0_3" src="wpimages/wpc92f8013.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_3',wp_menubar0,'wp_menubar0_P4');" onMouseOut="wp_MenuItemOut('wp_menubar0_3',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page9.html" target="_self"><img alt="Martingales." title="" id="wp_menubar0_4" src="wpimages/wp70592bcd.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_4',wp_menubar0,null);" onMouseOut="wp_MenuItemOut('wp_menubar0_4',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page10.html" target="_self"><img alt="Harnesses." title="" id="wp_menubar0_5" src="wpimages/wp40e26c90.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_5',wp_menubar0,'wp_menubar0_P6');" onMouseOut="wp_MenuItemOut('wp_menubar0_5',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page14.html" target="_self"><img alt="Saddlebags." title="" id="wp_menubar0_6" src="wpimages/wpb1b9df00.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_6',wp_menubar0,null);" onMouseOut="wp_MenuItemOut('wp_menubar0_6',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page16.html" target="_self"><img alt="Bag/Pouches." title="" id="wp_menubar0_7" src="wpimages/wpba6952c8.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_7',wp_menubar0,'wp_menubar0_P8');" onMouseOut="wp_MenuItemOut('wp_menubar0_7',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page19.html" target="_self"><img alt="Armor." title="" id="wp_menubar0_8" src="wpimages/wp8cdeaf0a.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_8',wp_menubar0,'wp_menubar0_P9');" onMouseOut="wp_MenuItemOut('wp_menubar0_8',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <a href="http://customk9design.com/catalog/page22.html" target="_self"><img alt="Misc.." title="" id="wp_menubar0_9" src="wpimages/wpee523428.png" style="border:0;width:165px;height:27px" onMouseOver="wp_MenuItemOver('wp_menubar0_9',wp_menubar0,null);" onMouseOut="wp_MenuItemOut('wp_menubar0_9',wp_menubar0);" onload="OnLoadPngFix();"></a><br>

    <script type="text/javascript">

    <!--

    wp_menubar0.InitElement('wp_menubar0_0','wpimages/wp3af0a57b.png','wpimages/wp49193cd8.png');

    wp_menubar0.InitElement('wp_menubar0_1','wpimages/wpe22f230a.png','wpimages/wp91c6baa9.png');

    wp_menubar0.InitElement('wp_menubar0_2','wpimages/wp8bca5f29.png','wpimages/wpf823c68a.png');

    wp_menubar0.InitElement('wp_menubar0_3','wpimages/wpc92f8013.png','wpimages/wpbac619b0.png');

    wp_menubar0.InitElement('wp_menubar0_4','wpimages/wp70592bcd.png','wpimages/wp03b0b26e.png');

    wp_menubar0.InitElement('wp_menubar0_5','wpimages/wp40e26c90.png','wpimages/wp330bf533.png');

    wp_menubar0.InitElement('wp_menubar0_6','wpimages/wpb1b9df00.png','wpimages/wpc25046a3.png');

    wp_menubar0.InitElement('wp_menubar0_7','wpimages/wpba6952c8.png','wpimages/wpc980cb6b.png');

    wp_menubar0.InitElement('wp_menubar0_8','wpimages/wp8cdeaf0a.png','wpimages/wpff3736a9.png');

    wp_menubar0.InitElement('wp_menubar0_9','wpimages/wpee523428.png','wpimages/wpfb2465d3.png');

    //-->

    </script>

</div>

<div style="position:absolute; left:35px; top:244px; width:123px; height:35px;">

    <a href="http://customk9design.com/catalog/page27.html" onMouseOut="PPImgAction('out','tg_1')" onMouseOver="PPImgAction('over','tg_1')"><img src="wpimages/wp3af4881e.png" width="123" height="35" border="0" id="tg_1" name="tg_1" title="" alt="About Us." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:642px; top:244px; width:123px; height:35px;">

    <img src="wpimages/wp0143093c.png" width="123" height="35" border="0" id="tg_2" name="tg_2" title="" alt="Shopping Cart." onMouseOut="PPImgAction('out','tg_2')" onMouseOver="PPImgAction('over','tg_2')" onload="OnLoadPngFix()"></span></div>

<div style="position:absolute; left:399px; top:244px; width:123px; height:35px;">

    <a href="http://customk9design.com/catalog/page30.html" onMouseOut="PPImgAction('out','tg_3')" onMouseOver="PPImgAction('over','tg_3')"><img src="wpimages/wp2169b5a5.png" width="123" height="35" border="0" id="tg_3" name="tg_3" title="" alt="Contact Us." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:153px; top:244px; width:129px; height:35px;">

    <a href="http://customk9design.com/catalog/page29.html" target="_blank" onClick="window.open(this.href,'_blank','width=850,height=1000,left=200,top=200,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no').focus(); return false;" onMouseOut="PPImgAction('out','tg_4')" onMouseOver="PPImgAction('over','tg_4')"><img src="wpimages/wp75b2688a.png" width="129" height="35" border="0" id="tg_4" name="tg_4" title="" alt="Lifetime Guarantee." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:278px; top:244px; width:123px; height:35px;">

    <a href="http://customk9design.com/catalog/page28.html" onMouseOut="PPImgAction('out','tg_5')" onMouseOver="PPImgAction('over','tg_5')"><img src="wpimages/wp11731cab.png" width="123" height="35" border="0" id="tg_5" name="tg_5" title="" alt="Eco-Friendly." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:521px; top:244px; width:123px; height:35px;">

    <a href="http://customk9design.com/catalog/page23.html" onMouseOut="PPImgAction('out','tg_6')" onMouseOver="PPImgAction('over','tg_6')"><img src="wpimages/wp3ab04972.png" width="123" height="35" border="0" id="tg_6" name="tg_6" title="" alt="Search." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:20px; top:596px; width:160px; height:125px;">

    <img src="wpimages/wpad4012ec.png" width="160" height="125" border="0" id="pic_3" name="pic_3" title="" alt="" onload="OnLoadPngFix()"></div>

<div style="position:absolute; left:197px; top:928px; width:105px; height:42px;">

    <a href="http://customk9design.com/catalog/page30.html" onMouseOut="PPImgAction('out','tg_7')" onMouseOver="PPImgAction('over','tg_7')"><img src="wpimages/wp9da30ad8.png" width="105" height="42" border="0" id="tg_7" name="tg_7" title="" alt="Contact Us." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:281px; top:928px; width:122px; height:42px;">

    <a href="http://customk9design.com/catalog/page33.html" target="_blank" onClick="window.open(this.href,'_blank','width=850,height=1700,left=300,top=200,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no').focus(); return false;" onMouseOut="PPImgAction('out','tg_8')" onMouseOver="PPImgAction('over','tg_8')"><img src="wpimages/wp320e41ca.png" width="122" height="42" border="0" id="tg_8" name="tg_8" title="" alt="Legal Stuff." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:382px; top:928px; width:254px; height:42px;">

    <a href="http://customk9design.com/catalog/page35.html" target="_blank" onClick="window.open(this.href,'_blank','width=850,height=900,left=200,top=200,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no').focus(); return false;" onMouseOut="PPImgAction('out','tg_9')" onMouseOver="PPImgAction('over','tg_9')"><img src="wpimages/wpe7a22f77.png" width="254" height="42" border="0" id="tg_9" name="tg_9" title="" alt="Shipping/Product Availability/Returns." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:615px; top:928px; width:90px; height:42px;">

    <a href="http://customk9design.com/catalog/page36.html" onMouseOut="PPImgAction('out','tg_10')" onMouseOver="PPImgAction('over','tg_10')"><img src="wpimages/wp3fc9b423.png" width="90" height="42" border="0" id="tg_10" name="tg_10" title="" alt="Site Map." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:123px; top:928px; width:95px; height:42px;">

    <a href="http://customk9design.com/catalog/page27.html" onMouseOut="PPImgAction('out','tg_11')" onMouseOver="PPImgAction('over','tg_11')"><img src="wpimages/wp82dac1c8.png" width="95" height="42" border="0" id="tg_11" name="tg_11" title="" alt="About Us." onload="OnLoadPngFix()"></a></div>

<div id="txt_2" style="position:absolute; left:180px; top:973px; width:440px; height:26px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">

<P class="Normal-P"><span class="Normal-C"><a href="http://customk9design.com/catalog/page37.html">Copyright</a> </span><span class="Normal-C0">2009 © Custom K9 Design, All Rights Reserved.</span></P>

</div>

<div style="position:absolute; left:654px; top:868px; width:146px; height:64px;">

    <img src="wpimages/wp456d2da4.png" width="146" height="64" border="0" id="pic_4" name="pic_4" title="" alt="" onload="OnLoadPngFix()"></div>

<div style="position:absolute; left:345px; top:868px; width:73px; height:64px;" __AddCode="<a href="#" style="cursor:pointer;"onclick="window.open('http://www.justhost.com/ecertified?domain='+document.domain+'','JustHost','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=570,height=680,left=300,top=200');"></a>

    <map id="map0" name="map0">

        <area shape="poly" coords="38,63,31,63,25,62,23,61,0,61,0,64,38,64" href="http://customk9design.com/catalog/page33.html" target="_blank" onClick="window.open(this.href,'_blank','width=850,height=1700,left=300,top=200,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no').focus(); return false;" alt="">

        <area shape="poly" coords="73,61,50,61,43,63,38,63,38,64,73,64" href="http://customk9design.com/catalog/page35.html" target="_blank" onClick="window.open(this.href,'_blank','width=850,height=900,left=200,top=200,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no').focus(); return false;" alt="">

    </map>

    <img src="wpimages/wp3d3a2de2.png" width="73" height="64" border="0" id="pic_6" name="pic_6" title="" alt="" onload="OnLoadPngFix()" usemap="#map0"></div>

<div style="position:absolute; left:424px; top:874px; width:48px; height:51px;">

    <img src="wpimages/wp0284a488.png" width="48" height="51" border="0" id="pic_7" name="pic_7" title="" alt="" onload="OnLoadPngFix()"></div>

<div style="position:absolute; left:544px; top:871px; width:104px; height:58px;">

    <a href="http://www.mozilla.com/en-US/firefox/organic/" target="_blank" onClick="window.open(this.href,'_blank','width=1000,height=680,left=200,top=200,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no').focus(); return false;"><img src="wpimages/wp057e20b1_02.jpg" width="104" height="58" border="0" id="pic_8" name="pic_8" title="" alt=""></a></div>

<div style="position:absolute; left:478px; top:868px; width:60px; height:64px;">

    <a href="https://www.paypal.com/us/verified/pal=ginny%40customk9design%2ecom" target="_blank" onClick="window.open(this.href,'_blank','width=570,height=680,left=300,top=200,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no').focus(); return false;"><img src="wpimages/wpd7f01821.png" width="60" height="64" border="0" id="pic_10" name="pic_10" title="" alt="" onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:1px; top:877px; width:338px; height:46px;">

    <a href="http://www.hsus.org/" target="_blank" onClick="window.open(this.href,'_blank','width=900,height=900,left=200,top=200,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no').focus(); return false;"><img src="wpimages/wpc1209823_02.jpg" width="338" height="46" border="0" id="pic_11" name="pic_11" title="" alt=""></a></div>

<div id="txt_1" style="position:absolute; left:197px; top:300px; width:591px; height:168px;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#3a3a3b; border: 3px solid #a92e1a; overflow:hidden;">

<P class="Normal-P0"><span class="Normal-C1">Welcome to Custom K9 Design, where we believe that "The Best Dogs Deserve the Best

    Leather!" We are proud to be both an <a href="http://customk9design.com/catalog/page28.html">Eco-<wbr>Friendly</a> and <a href="http://customk9design.com/catalog/page27.html">Customer-<wbr>Friendly</a> company.

    We gladly back our products with a <a href="http://customk9design.com/catalog/page29.html">Lifetime Guarantee</a>, and a Promise that you wont

    find better customer service anywhere else. Thank you for visiting, and Happy Shopping!</span></P>

<P class="Normal-P0"><span class="Normal-C2"> </span></P>

</div>

"Be the Change you wish to see in the World..." -Gandhi

26 Mar 2009, 11:13 PM

#8

customk1

Zen Follower

Join Date:: Mar 2009
Location:: Cornelius, NC
Posts:: 334
Plugin Contributions:: 0

Re: HTML/Site created in webplus, how to get into ZenCart?

<div id="flashgallery_1" style="position:absolute; left:242px; top:412px; width:487px; height:533px;">

    <script language="JavaScript" type="text/javascript">

    <!--

    var hasReqestedVersion = DetectFlashVer(8, 0, 0);

    if (hasReqestedVersion)

    {

    AC_FL_RunContent(

        "src", "wpimages/Full Size Images With Thumbnails?flashvar1=bd2f62a7.xml",

        "base", "wpimages",

        "play", "true",

        "loop", "true",

        "width", "487",

        "height", "533",

        "salign", "C",

        "scale", "ShowAll",

        "id", "flashgallery_1",

        "quality", "High",

        "wmode", "transparent",

        "name", "flashgallery_1",

        "type", "application/x-shockwave-flash",

        'codebase', 'http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab',

        "pluginspage", "http://www.macromedia.com/go/getflashplayer"

    );

    }

    else

    {

        var alternateContent = 'An old version of the Flash plugin was detected. <strong><a href="http://www.macromedia.com/go/getflash/">Please upgrade your Flash plugin.<\/a><\/strong>';

        document.write(alternateContent);

    }

    -->

    </script>

</div>

</div>

</body>

</html>

"Be the Change you wish to see in the World..." -Gandhi

27 Mar 2009, 12:11 AM

#9

gjh42

Black Belt

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

Re: HTML/Site created in webplus, how to get into ZenCart?

At least 90% of the code in your first post is setup, header and navigation. The content that would go in define_main_page.php is approximately```html

<div id="txt_1" style="position:absolute; left:197px; top:300px; width:591px; height:168px;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#3a3a3b; border: 3px solid #a92e1a; overflow:hidden;"> <P class="Normal-P0"><span class="Normal-C1">Welcome to Custom K9 Design, where we believe that "The Best Dogs Deserve the Best

Leather!" We are proud to be both an <a href="http://customk9design.com/catalog/page28.html">Eco-<wbr>Friendly</a> and <a href="http://customk9design.com/catalog/page27.html">Customer-<wbr>Friendly</a> company.

We gladly back our products with a <a href="http://customk9design.com/catalog/page29.html">Lifetime Guarantee</a>, and a Promise that you wont

find better customer service anywhere else. Thank you for visiting, and Happy Shopping!</span></P>

<P class="Normal-P0"><span class="Normal-C2"> </span></P> </div> ```Wherever there is an element with an id or class tag, you can move the style info associated with it to the stylesheet; elements with style info but no class tag should be given a meaningful class tag and their styling moved to the stylesheet with that tag. For example,```html <div id="txt_1" style="position:absolute; left:197px; top:300px; width:591px; height:168px;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#3a3a3b; border: 3px solid #a92e1a; overflow:hidden;"> ```would become```html <div id="txt_1"> ``` and the stylesheet would have``` #txt_1 { position:absolute; left:197px; top:300px; width:591px; height:168px; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#3a3a3b; border: 3px solid #a92e1a; overflow:hidden; } ``` Now this styling can probably be greatly simplified and improved in the long run, but it will work the same as before for now.

Glenn . . . Future Relics Jewelry, NY Faerie Festival
Categories Dressing, Images for Titles, Smart Backgrounds, Additional Img Titles, Flexible Attributes, Ezpages Footer Columns, Model List...

27 Mar 2009, 1:40 AM

#10

customk1

Zen Follower

Join Date:: Mar 2009
Location:: Cornelius, NC
Posts:: 334
Plugin Contributions:: 0

Re: HTML/Site created in webplus, how to get into ZenCart?

ok, i think i can wrap my head around most of this... i def. understood the last part, explaining tagging items and moving their "description" to the css...

so that i can better understand this to move this same data on other pages on my own, what indicator were you looking for to know when the header, navigation etc stopped, and the "real" content started...??

will it always start with <div id ? or something recognizable like this so that i can easily know what above is junk, and below is usable?

not sure if such a vague question can be answered, but if it can... thanks!

i have a categories dressing ? too, but i'll send that over to that forum posting.

THANK YOU again.

"Be the Change you wish to see in the World..." -Gandhi

27 Mar 2009, 2:11 AM

#11

gjh42

Black Belt

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

Re: HTML/Site created in webplus, how to get into ZenCart?

There are lots of divs in that page; I just had to look for the "human-readable" text to see where the content was. You can expect the other pages to be similar in format.

There is a bunch of styling information in the head of that page which will also want to be copied to the stylesheet. Check all of the class or id tags in the content, and if they don't have styling right there, look at the top of the page for the rule that styles that class/id.
Style rules that apply only to the header or navigation probably don't need to be directly copied, as the styling involved will be applied to different elements with different ids.

Glenn . . . Future Relics Jewelry, NY Faerie Festival
Categories Dressing, Images for Titles, Smart Backgrounds, Additional Img Titles, Flexible Attributes, Ezpages Footer Columns, Model List...

27 Mar 2009, 4:57 PM

#12

customk1

Zen Follower

Join Date:: Mar 2009
Location:: Cornelius, NC
Posts:: 334
Plugin Contributions:: 0

Re: HTML/Site created in webplus, how to get into ZenCart?

Glen, you have been a HUGE help... i just needed someone to point me in the right direction. im sure i'll hit some bumps along the road, but i got that main page box put in... and i see what you mean about lots of extraneous code!! I deleted the p= and span= descriptors, a BUNCH of <br>s and just added 5px of padding in the css...

by god i think i CAN be taught!!!

check out the front page main box (https://www.customk9design.com/catalogzen)

still cant get that categories dressing right though! back to the drawing board!
:clap:

"Be the Change you wish to see in the World..." -Gandhi