Hyena Cart can be a little confusing for web designers who haven’t worked with it before.  Here’s a bit of quick advice to help you understand how to easily customize a client’s Hyena Cart.

Think of customizing Hyena Cart like this: add my header, add my footer, then style the middle.

With Hyena Cart you control the header and the footer. So you basically wrap your design around the HC stuff. You can use CSS to style everything in between. Do a quick view source and you can see the classes/ids.

From the “Shop Config” page you can choose the width of the middle area, whether to collapse the “view cart” (you’ll probably want to), and whether to display the side bar links.

The only way to change the color/border/font of the side bar links is with CSS.

Just add whatever CSS you want to use on the cart into the header box along with your HTML header code.

Don’t use any forms anywhere in your header or footer — that will mess with the HC code and your “add to cart” buttons won’t work.  If you really need a form, create an iframe in your HC and then pull in the form that way.

You can also open a table or content div in the header, and close it in the footer, if you want to surround the HC stuff and control it all that way.

Further helpful information:

• Store Customization: http://hyenacart.com/customizing.php
• Design Tester: http://hyenacart.com/testyourdesign/testhcmulti.htm
• Photobucket Tutorial: http://hyenacart.com/photobucket_tut.php