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:

    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:

    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.

  • Add a background image or color to your store
  • You can use css to add a background image to your store by adding this text to your intro section:

    or

  • '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

    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:

  • Hire a web designer
  • The following designers have done a fabulous job customizing HC stores:

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!