The Ultimate Guide to Getting Started with Zen Cart (Part 3)

Posted in Tutorials • Posted on 12 Comments

So after asking everyone and seeing the responses, I decided to go one more step further with the Zen Cart Guide I have created. Keep in mind that this by no means covers everything – but it does touch the surface of most of the more important items to get you up and going with Zen Cart. There are plenty of other hacks and work-arounds that can be found online, so I really wanted to use part 3 of this to focus on some of the other major things that can be done within Zen Cart.

There were still so many things I felt got left out from Part 1 and Part 2 of this tutorial, that I really wanted to get into some more stuff that really helped me when beginning Zen Cart. Here is a quick overview of what will be covered in this Part 3 tutorial:

1. New Buy Now and Checkout Buttons
2. Pretty URLs and SEO
3. Zen Cart Security
4. Using Adsense in Zen Cart
5. Using Paypal in ZenCart
6. Admin Appearance – Logos and CSS

New Button Graphics


After my first client install of Zen Cart I was not happy with how the buy now and checkout buttons looked. After doing some digging I found that within the admin panel you can set the buttons to be CSS only buttons, or to use images. Not being happy with either one I decided to change the buttons all together. There are a number of readily downloadable buttons online that I have found online, but the best central source is probably direct from Zen Cart.

Directly from Zen Cart (User Submitted):

  • Zen Cart Button Packs

The button images that we will be changing are located in the:

“includes” – “templates” – “template_default” – “buttons” folder of the template directory and can be edited or re-created to fit your individual needs.

Other pre-made button sets for Zen Cart can be found online, but I have had the best luck creating them myself. This way is the most useful so you can make your template very custom to fit your needs.

Pretty URL’s in Zen Cart for SEO

This was one of the first things I started looking into after getting my first Zen Cart install set up most all the way. I noticed that the pages were not SEO friendly. To achieve this there is both a manual way and also some modules that will do this for us. I will show you the modules, which also come with some other advanced features for SEO purposes.

For those of you who don’t know or understand “pretty url’s” I will briefly explain. By default, the Zen Cart PHP will redirect URLS for pages and products to be something similar to the following:


http://domainname.com/index.php?main_page=index&cPath=21

This is not always the best thing for SEO since search engines like Google like to see more “named” locations of a website. Most all XML sitemaps will be read better as well by using straight forward category names for items on your website.

What we are looking to create is something more like this example:


To achieve this, we could edit some of the PHP code, and modify the .htaccess file – but an easier way is to use some modules that are provided online. Some of the ready-made Zen Cart modules are excellent at making some of the smaller tasks easier for us.

Here are 3 module options for pretty URLs and SEO provided from the Zen Cart module directory:

1. Ultimate SEO URLs

2. Ceon URI Mapping (SEO)

3. Simple SEO URLs

Zen Cart Security

This was something else I decided to look into after setting up a website using Zen Cart and realizing the amount of sensative data I was storing online. I knew that Zen Cart itself was pretty stable and seemed rather safe, but I still wanted to do my research to find out what more could be done to further protect my Zen Cart install and my online store.

Here are a few things that are good practice for keeping your Zen Cart powered website secure: Remember that there are other addon modules as well that can help protect your Zen Cart install. Here is a basic list of things to remember that will protect you from the start.

  • 1. Delete the Zen Cart install folder after your installation is complete
  • 2. Rename your admin folder to make it harder for others to find
  • 3. Set configure.php files as read-only using CHMOD
  • 4. Delete unused Admin accounts so there are no open gateways to your admin panel
  • 5. Maximize Admin Password Security – The longer the password the better
  • 6. Use .htaccess files or index.htm files to protect against wrongful browsing of your site
  • 7. Make recent backups of your website files and database.
  • 8. Check your server’s error log and your Zen Cart admin log regularly for strange activity.
  • 9. Look for any links that went to a page that isn’t in your site.
  • 10. Check your website files regularly to be sure nothing’s been added or altered.
  • 11. Use only one browser tab to access your Admin area when working in your Admin panel
  • 12. Always log out of your Admin panel when not using it

Google Adsense in Zen Cart

For those of you who are looking to monetize on Google Adsense as well as products you sell, then you will be happy to know there are also some really easy to use modules available that will integrate your Google Adsense code to be injected on the site to use. There are two that I have used previously and would suggest if you are starting out with Zen Cart. As always, you can manually modify the template file to insert your Adsense code as well, but I would suggest starting out with using modules.

  • Adsense Control Center
  • Google Adsense Sidebox

PayPal in ZenCart


This was another topic I found myself researching when getting my own Zen Cart install going. I started realizing it was not as easy at first as I initially thought to integrate PayPal payments into Zen Cart. I later found that there is a built in module for setting up and using PayPal inside of Zen Cart. This works best when setting up “Zones” for shipping, or when using the custom shipping module. Since PayPal is one of the most common online payment methods, I figured this would be of great help to add this resource I found online. It is the Zen Cart PayPal Wiki.

  • PayPal Payment Module Wiki

Customize Your Admin Panel


This was my latest project. My first Zen Cart client contacted me and requested a custom admin panel. I was excited and knew that since this was a first I wanted to document it to discuss here for part 3 of this tutorial. I found it really easy to use a few .css files to customize the entire look of the admin panel to match the rest of the site.

I found there are 4 main .CSS files to edit to fully customize the Admin Panel. Each of these files are located in the “Admin” – “Includes” directory. Here are the four files we will be looking at:

Admin Panel .CSS Files

cssjsmenuhover.css
index.css
menu.css
stylesheet.css

Each of these 4 different .css files change items within the admin panel. Using these files I created a fully custom Admin Panel for the client. The cssjsmenuhover.css file was used to customize the dropdown menu, and the index.css was the main layout and colors of the admin panel. The menu.css file was used for the sub-menu and menu area, and the stylesheet.css was the other small items such as item boxes that are used in the admin panel. Playing around with these files gave me the results I was looking for, and it was a lot easier than I even thought. I know now that I will be editing these more in the future to create more custom Zen Cart Admin panels.

Other Zen Cart Resources and Links


Here is a small list of some other very useful Zen Cart websites. Each of these are ones that I have used to find templates, and other source code and hacks from. These links will help you take your Zen Cart Even Further.

In Closing…

I hope everyone has enjoyed my 3 part Getting Started with Zen Cart Guide. I look forward to the comments and questions. I will help as much as possible to everyone that does have questions. I feel like I have covered most of the main things that should be looked at when installing and working with Zen Cart. If there is enough of a response on certain things I may even go to a part 4. Thank you everyone for reading, and I hope you all enjoyed it.

10 Written Articles

My name is Kevin. I am a 30 year old freelance web designer. I have been working with HTML, CSS, and PHP for 6+ years - And creating websites using Wordpress for 3 years. I enjoy creating websites and also doing some graphic design using Photoshop and Illustrator. I hope everyone enjoys reading my articles and I look forward to your questions, comments, and feedback.

12 Comments Best Comments First
  • dave

    Tuesday, September 14th, 2010 17:32

    1

    Great Post… Keep up the good work =)

    0
  • Joshua

    Tuesday, October 5th, 2010 16:09

    4

    Thanks for posting such helpful article. Keep it up. Staying tuned for more =) Cheers!

    0
  • Andrew

    Friday, September 17th, 2010 23:12

    3

    I have a few wordpress-powered sites setup (even on different hosting providers), and every time I try to change the permalinks, they never work. Drives me crazy.

    Anyway, I don’t even know if that is really on topic, but your post reminded me of that issue. If anyone can shed some light please do!

    0
    • Kevin

      Friday, October 8th, 2010 19:32

      5

      Be sure your .htaccess file is CHMOD correctly. If it is not writable by yourself, then you will not be able to change the permalink values. Try to FTP to your blog, then find the .htaccess file, and change it to 644 or 655 until you change your permalinks, then change it back. This should do the trick.

      0
  • Kieran

    Wednesday, September 15th, 2010 10:47

    2

    Thanks great articles, I’ve got an a website to produce for a client and this looks like the perfect starting point!

    0
  • Dan

    Wednesday, October 27th, 2010 05:51

    6

    thank you,
    as a Zen Cart user myself I went trough a lot of trouble figuring out everything on my own. A couple of very useful modules that everyone should have – IH2(image handler), js/css loader, and Google sitemap

    0
  • Riiich

    Thursday, October 28th, 2010 20:19

    7

    Yes please! I would love to learn how to create a whole new template, I’m in urgent need of that sort of tutorial but can’t find one anywhere :/ I have a “website” template. I really want and need to know how to put that template into the Zen Cart template files!

    0
  • Ankit

    Monday, May 14th, 2012 03:14

    12

    Hi Kevin.Your article is very help full. Thank you sharing it.I started Zen Cart from your article only. Need to learn lot about Zen Cart.Hope to see 4th part soon.

    0
  • Yael

    Monday, February 13th, 2012 07:56

    11

    Thank you! After I get everything set up I will come back and let you know how it went.

    0
  • sania

    Thursday, February 2nd, 2012 00:21

    10

    Hi Kevin,

    really very nice articles.

    I’m new zenner, i would like to see part 4 which should include customization especially for the categories and product pages.

    Here you mentioned SEO URIs but these are only for the categories and product pages.

    What if i want to change some other page url like
    mydomin.com/store/index.php?main_page=services
    want to change it like
    mydomin.com/store/services

    where i can change these url
    and also if i add new page to my site and want to access it through define page editor then what should i do for that.

    0
  • Kaessa

    Friday, April 8th, 2011 06:10

    8

    These are great articles! This is going to help me a lot trying to set up and customize my first store. I’ve been in panic mode because it’s just been so impenetrable. This makes it so much easier to understand. I’ll definitely be referring back here over the next few days as I build my site.

    Thank you!

    0
  • sakhsen

    Thursday, January 5th, 2012 21:39

    9

    Having a online store with Zen Cart Customization will not stop in changing the css style sheets. We need to build a new template and give a visually attractive user experience. Our Sakhzencart store comes with customization in store front and admin panel.

    0
  • Ankit

    Monday, May 14th, 2012 03:14

    12

    Hi Kevin.Your article is very help full. Thank you sharing it.I started Zen Cart from your article only. Need to learn lot about Zen Cart.Hope to see 4th part soon.

    0
  • Yael

    Monday, February 13th, 2012 07:56

    11

    Thank you! After I get everything set up I will come back and let you know how it went.

    0
  • sania

    Thursday, February 2nd, 2012 00:21

    10

    Hi Kevin,

    really very nice articles.

    I’m new zenner, i would like to see part 4 which should include customization especially for the categories and product pages.

    Here you mentioned SEO URIs but these are only for the categories and product pages.

    What if i want to change some other page url like
    mydomin.com/store/index.php?main_page=services
    want to change it like
    mydomin.com/store/services

    where i can change these url
    and also if i add new page to my site and want to access it through define page editor then what should i do for that.

    0
  • sakhsen

    Thursday, January 5th, 2012 21:39

    9

    Having a online store with Zen Cart Customization will not stop in changing the css style sheets. We need to build a new template and give a visually attractive user experience. Our Sakhzencart store comes with customization in store front and admin panel.

    0
  • Kaessa

    Friday, April 8th, 2011 06:10

    8

    These are great articles! This is going to help me a lot trying to set up and customize my first store. I’ve been in panic mode because it’s just been so impenetrable. This makes it so much easier to understand. I’ll definitely be referring back here over the next few days as I build my site.

    Thank you!

    0
  • Riiich

    Thursday, October 28th, 2010 20:19

    7

    Yes please! I would love to learn how to create a whole new template, I’m in urgent need of that sort of tutorial but can’t find one anywhere :/ I have a “website” template. I really want and need to know how to put that template into the Zen Cart template files!

    0
  • Dan

    Wednesday, October 27th, 2010 05:51

    6

    thank you,
    as a Zen Cart user myself I went trough a lot of trouble figuring out everything on my own. A couple of very useful modules that everyone should have – IH2(image handler), js/css loader, and Google sitemap

    0
  • Joshua

    Tuesday, October 5th, 2010 16:09

    4

    Thanks for posting such helpful article. Keep it up. Staying tuned for more =) Cheers!

    0
  • Andrew

    Friday, September 17th, 2010 23:12

    3

    I have a few wordpress-powered sites setup (even on different hosting providers), and every time I try to change the permalinks, they never work. Drives me crazy.

    Anyway, I don’t even know if that is really on topic, but your post reminded me of that issue. If anyone can shed some light please do!

    0
    • Kevin

      Friday, October 8th, 2010 19:32

      5

      Be sure your .htaccess file is CHMOD correctly. If it is not writable by yourself, then you will not be able to change the permalink values. Try to FTP to your blog, then find the .htaccess file, and change it to 644 or 655 until you change your permalinks, then change it back. This should do the trick.

      0
  • Kieran

    Wednesday, September 15th, 2010 10:47

    2

    Thanks great articles, I’ve got an a website to produce for a client and this looks like the perfect starting point!

    0
  • dave

    Tuesday, September 14th, 2010 17:32

    1

    Great Post… Keep up the good work =)

    0

Comments are closed.

54.196.225.45 - unknown - unknown - US