Take a look at what the product pages and cart look like now, then scroll down to the text input fields.
If you are integrating the cart into your website, some of these fields are not used, or may be used
in different ways.
All fields are used for the standalone version. We'll go over them
here and what they do (the appearance page also shows you what field to change for each section).
Here are the various options and color codings if you're using the integrated version:
- Black: These fields should be set in all versions.
- Red: You can ignore these fields in the standalone version.
- Blue: Set these to see what the font colors will look like with your background image or color. The logo fields
may also be used if you wish, as there is an option in Application.cfm to set the site under maintenance. In this case
whetever is in the logo field will show up.
- Green: These font colors will be set in the stylesheet.cfm file in the ezcart folder dynamically. You may include
this stylesheet in you cartpage template using...
<cfinclude template="ezcart/stylesheet.cfm">
The downlaod zip file also contains a stylesheet named ezcartstyles.css. You may ignore these settings here
and edit ezcartstyles.css and include it in your file using the standard method...
<link rel="Stylesheet" rev="Stylesheet" href="ezcartstyles.css" type="text/css">
One final shortcut to editing the ezcartstyles.css manually is to enter your font colors here,
then when finished, open the standalone version of the cart at http://www.yourdomain.com/ezcart/ and view the source code.
The dynamic ezcart/stylesheet.cfm will be included. You may then copy that and paste it into ezcartstyles.css. Then your colors
will be correct and you can edit the font faces and sizes if you like.
And one final note (we promise)... Field 6 (search results font color) and the Link fields (link, visited, active/hover) only have
a single setting here. By editing the stylesheet you use directly, there are options for the odd and even rows
of your product display. This is in case you're doing drastic color contrasts, such as odd=black and even=white,
and a single link or font color won't show up right in the odd and even rows.
Note that all colors are hexidecimal and all must be entered WITHOUT a # symbol.
- Field 1: Changes the color of the text that appears above the products display, which will
say Displaying 6 thru 10 of 23 items found, and the text that appears telling you if this is a
multi-item product.
- Field 2: Changes the text color in the top bar above the products display.
- Field 3: Changes the background color of the top bar above the products display.
- Field 4: Changes the background color in the description area of the odd color rows of the
product display. If you are using a background image and want that to show rather than showing a
solid color in the product display area, enter the word Clear rather than a hex color. If you do
this, anything you enter in field 5 will be ignored.
- Field 5: Changes the background color in the description area of the even color rows of the
product display.
- Field 6: Changes the text color in the description area of all rows in the product display.
Note: If you want to be drastic in the color difference of the odd and even backgrounds, such as
Black text on White background and White Text on Black background, or any combination of backgrounds
where yo van't use a single font color for both rows, there are instructions in the Edit Style
Sheets section later in this documentation. Just set your background colors the way you want them
now, and the text so it shows the way you like in the odd row.
- Field 7: Sale Price text color. When an item is placed on Sale or Special, the regular price will
be shown with a strike (line) thru it, and Sale Price: $X.XX will show bold in the color you choose.
We also use this elsewhere in the application to show various warnings. So, a color that differs
from your regular text and stands out on your background is a good choice.
- Manufacturer Header Text: We have a table in the database called Manufacturers which may be used
to actually show manufacturers or other various things. For instance, if you are selling paintings,
you may want to show the artist, such as Michelangelo or Vincent Van Gogh (don't we wish) and allow
your customers to browse or search by artist. In that case, you would enter the word Artist here. If
you are really using this to list the manufacturers of the products, then enter the word
Manufacturer here. If you will not be using this table, or if you will be but simply don't want to
show this field, then enter the word None. Anything other than the word None will show in the top
bar between "Category" and "Price".
- Logo: The name of your logo GIF or JPG. Don't use spaces or other special characters in any
images displayed on a website. Letters, numbers, hyphens and undescores only should be used to name
images.
- Logo Width: The width of your logo in pixels.
- Logo Height: The height of your logo in pixels.
- Alt Text: The text that will appear when the cursor is over your logo (or if images are
turned off). You company or store name is good here, or heck, you can give us some exposure and
leave it as cf_ezcart. :)
- Regular Text: All the text that is output by our cart that will be displayed on your background.
Basically, all text besides what is shown in the regular product display.
- Link: The color of links that have not been clicked. Note that for this and the next 2 fields,
this will also set the links (if any) that may show in the products display so may not work right on
the background color you choose. Once again, we will instruct you how set those specifically in the
Edit Style Sheet section.
- Active and Hover Link: The color of the text when you hover the cursor over the link, or when
you click it for browsers that don't support Hover.
- Visited Link: The color of links that have been visited.
- Background Color: The
background color of your page.
- Background Image, if any: Background GIF or JPG if used.
- Side Border Setting: If you use a background image and it has a border on the side, similar
to the B&W stripes on the default appearance page, add about 12 pixels to the width of the border.
This will prevent the product pages, cart display, etc. from encroaching into the border.
- Side Border Image: If you want to show an image inside and at the top of your side border,
if any, enter the image name here. This would be for example, if you have a vertical image with your
company or store name. Proably won't use this but it's here anyway. :)
- Are you displaying product pictures? Click No if you won't be showing pictures of ANY of your
items.
- Choose gif or jpg for buttons: The cart ships with several colored sets of JPGs as buttons. We
can easily slap together another set for you (at no charge) if you need a different color or if the
background color of the buttons that ship with the cart don't match the background of your site.
Just e-mail us with the URL to your cart once you have it up in test mode with the background in
place, and tell us the color button you want and we'll me 'em for you. You can also open the
ezcart/buttons folder, open each image and make your own. Just use the same word on the button and
name them the same. You can make them GIFs if you need to use a transparent background by choosing
gif here. Note that if you are on a Linux or Solaris server, you MUST make the name your buttons
lower case, including the .gif or .jpg part.
- Show Number Of Records Found: (***) We have the option of showing or not showing the Search page
(where these choices will be) when using the integrated version of the cart. For argument's sake,
you may set these values and decide that part later. Choosing from the first menu only only, and
choosing 0 in the other two, will not show a choice and will return the number of results you
select. Choosing the first two and 0 in the third, will give the customer those 2 options. Choosing
all three will give three options.