I’ve been playing around with Zen Cart for a while now, and for the last couple of days I’ve been trying to get the home page layout to be completely different to the rest of the site layout. Most online shops seem to be able to do this, so I thought why not Zen Cart? After some searching and a bit of poking around I finally figure it out. the good news is that it’s really easy to do with Zen Cart.
“This is assuming that you have already created your Custom Template theme, or at least know how the Custom Template themes work in Zen Cart.”
Okay here’s how to create your custom Zen Cart homepage, starting from the base of your Zen Cart directory go to your custom made template directory “includes/templates/Your_Template/” and create a new directory inside that called: index
Next copy the tpl_main_page.php template from
“includes/templates/templates_defaults/common/” to the new index directory that you just created.
Then the last thing that you need to do is go to your custom css directory located in “includes/templates/Your_Template/css/” and copy the existing stylesheet.css to index.css
Success – Your Zen Cart home page is now completely independent from the rest of your site design, all you need to do is edit either of the the two files you just created tpl_main_page.php or index.css to make changes.
includes/templates/Your_Template/index/tpl_main_page.php
includes/templates/Your_Template/css/index.css
This method appears to effect category (and subcategory) pages as well.
Anyone know how to restrict the changes to ONLY the index page?
I don’t think you are correct here. Whatever changes you make to includes/templates/Your_Template/index/tpl_main_page.php will affect not only your home page, but also your category pages.
Ok thanks, when I get a moment I’ll look in to this. It’s been so long since I last used Zen Cart.
facing same problem as tom . Please help on that.
we can use below code to come true this.
home page codde
With ZenCart 1.3.9h the css code needs to be renamed to “index_home.css” NOT “index.css” as detailed in this article.