Thought I should post my thoughts from my preliminary testing:
This part of your instructions did not see to work, and they may not matter as I see the menu Artisteer generates is not one I will use in Zen Cart (would replace with the CSS Horizontal Menu or the Mega Menu add-ons)
- add to .htaccess .
RewriteEngine On
RewriteBase /
RewriteRule ^home.html$ index.php [L]
Renamed and moved the following scripts to the proper template jscript template folder:
- jquery.js = jscript_jquery.js (this file is jQuery 1.7.1 current Jquery version is 1.9.1)
- script.js = jscript_artisteer.js
- script.responsive.js = jscript_artisteer_responsive.js
Renamed and moved the following stylesheets to the proper template css template folder:
- style.css = style_artisteer.css
- style.ie7.css = style_artisteer_ie7.css
- style.responsive.css = style_artisteer_responsive.css
Replaced lines 1 - 17 of the default.php file:
<!DOCTYPE html><html><head><!-- Created by Artisteer v4.0.0.58475 -->
<meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="includes/templates/ZenCartTest1/style.css" media="screen">
<!--[if lte IE 7]><link rel="stylesheet" href="includes/templates/ZenCartTest1/style.ie7.css" media="screen" /><![endif]-->
<link rel="stylesheet" href="includes/templates/ZenCartTest1/style.responsive.css" media="all">
<script src="includes/templates/ZenCartTest1/jquery.js"></script>
<script src="includes/templates/ZenCartTest1/script.js"></script>
<script src="includes/templates/ZenCartTest1/script.responsive.js"></script>
<style>.art-content .art-postcontent-0 .layout-item-0 { margin-top: 10px;margin-bottom: 10px; }
.art-content .art-postcontent-0 .layout-item-1 { border-spacing: 10px 0px; border-collapse: separate; }
.art-content .art-postcontent-0 .layout-item-2 { color: #141414; background: #FBD593; padding-right: 10px;padding-left: 10px; }
.art-content .art-postcontent-0 .layout-item-3 { padding-right: 10px;padding-left: 10px; }
.art-content .art-postcontent-0 .layout-item-4 { margin-top: 5px;margin-bottom: 5px; }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }
</style><link rel="stylesheet" href="includes/templates/ZenCartTest1/css/stylesheet.css" media="screen"></head>
with the following:
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="includes/templates/ZenCartTest1/style.ie7.css" media="screen" /><![endif]-->
<style>.art-content .art-postcontent-0 .layout-item-0 { margin-top: 10px;margin-bottom: 10px; }
.art-content .art-postcontent-0 .layout-item-1 { border-spacing: 10px 0px; border-collapse: separate; }
.art-content .art-postcontent-0 .layout-item-2 { color: #141414; background: #FBD593; padding-right: 10px;padding-left: 10px; }
.art-content .art-postcontent-0 .layout-item-3 { padding-right: 10px;padding-left: 10px; }
.art-content .art-postcontent-0 .layout-item-4 { margin-top: 5px;margin-bottom: 5px; }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }
</style>
</head>
Finally the template is not properly calling the common/html_header.php file.. I tried a bunch a ways to get that to work by messing around with the default common/html_header.php file and the default.php file that the Artisteer generated template uses and the result every time was that the common/html_header.php was being called twice.. Just to SEE the template display I ended up using the Artisteer modified common/html_header.php, and copying nearly ALL of the default common/html_header.php contents into the Artisteer generated default.php file (placing the code just above the corrections I made above)..
Now while all of that got the template to display, it doesn't display as I designed it (the header displays full screen though the template center area and header are fixed width). Interestingly enough the header section ONLY displayed correctly when the common/html_header.php was getting called twice.. shrug
Nice start, but clearly needs work.. Though your site states:
This template is only to start when you want to customize.
this is more work than one should HAVE to do using Artisteer.. WordPress templates at least land all the files in the correct locations. At the very least I think that the CSS and JS files need to be named correctly and placed in the right template folders..
I think this is a nice start, but clearly there is some work to do.. I cannot see using this plugin in it's current state on a regular basis at all. Looking forward to seeing some improvements..