As Hyena Cart had developed, many talented web designers have shown me the customizations that are possible with some simple html and CSS code. Here are some examples of what can be done:

Change font and font colors

Add the following text to the Intro section on your Profile page:

<style type="text/css"> <!-- .style1 {color: #FFFFFF} body,td,th { font-family: Verdana; color: #000000; } a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; color: #000000; } --> </style>

Just change the font-family and hex colors to whatever you like. The body styles will determine the formatting of body text, and the link and visited styles will determine the appearance of active and visited links.

Add a border around your store

You can use tables to add a border around your store and give it a more professional look. This text:

<center> <table border=0 cellpadding=5 bgcolor="#a06d2a"> <tr><td> <table border=0 width=750 bgcolor="#ffffff" cellpadding=10> <tr> <td> <p>

has been used in the Intro field to create a border around the Test Congo. In addition, the background color was set using the Background Color option on the Profile page. Note that you can also define a background image in the 'Optional Customizations' section.

In addition this code was entered into Product Details Header to customize the product details page.

<p class=MsoNormal align=center style='text-align:center'> <a href="http://hyenacart.com/Test_congo"><img src="http://hyenacart.com/Hyena_images/hyenacart_logo_long_sm.gif" border=0></a> </p> <STYLE TYPE-"type/css"> <!-- P {font-size: 12pt; font-family: verdana} H1 {font-size: 18pt; font-family: verdana} --> </STYLE> <center> <table border=0 cellpadding=5 bgcolor="#a06d2a"> <tr><td> <table border=0 width=750 bgcolor="#ffffff" cellpadding=10> <tr> <td> <p>

'Blank out' unwanted images

You may want to use your own html and override the default store top image that HC stores use (i.e., the Logo image with link back to your main site, and the category images or text used from the 'Edit Categories' menu). If you'd like to blank out any of these images, enter this URL: http://hyenacart.com/Hyena_images/blank.gif which points to a tiny blank gif file and is essentially invisible.

Create a seamless flow from your site to your HC store

You can use the tips above to create a seamless flow between your main site and your HC store. Your customers won't even know they've left your site! If you use the same tables / colors / links for your main site, your HC store, and your product details pages, the flow will be continuous. This is what I've done with my HC store, Kool Sheep Soakers.

Customize the look of the store tables

The store tables are associated with id's to allow you to customize sizing, colors and backgrounds of the store tables and headers. For the entire table, the id is storeTable, and for just the header cells (if you want those to be contrasting, for example), it's storeTableHead. You can set styles for these in your style sheet using

.storeTable{ } .storeTableHead{ }
and inserting the desired formatting.

Use the free templates on your vendor pages!

Andrea from WANTED Web designs has put together some great templates for HC Stores. They can be found on your Shop Config (HC Multi) or Store Profile (HC Standard) pages, with instructions.

Use a free template from Marnie Designs

Marnie has designed some free templates to use on your store. You can find instructions here.

Use the handy-dandy design tester by Blue Hollow Designs

Check out these cool little scripts that Jen at Blue Hollow Designs wrote:

• HC Standard tester
• HC Multi tester

Hire a web designer

The following designers have done a fabulous job customizing HC stores:

• Turtles and Toadstools
• Elemental Muse (formerly Dove's Designs)
• Doodle Babies
• Four Little Ducks
• Sage Fish
• Dragonfly Lily
• Marnie Designs
• Very Designs
• Red Peach Designs
• Wanted Web Design
• Flyeye Design
• noel<3
• Jolly Jujube
• Jenuine Products
• Gaea Graphics

That should get you started. If you see a customization on an HC store that you'd like to try, you can right click on the page and View Source to get a feel for what code was added. But please DO NOT copy and paste another designer's code. That would be a violation of copyright law, unless you have the designer's permission to do so. If you need further assistance, please let me know :) Thanks!