Shop Aesthetics
Under the Shop Aesthetics, there are many fields which help
you customize your shop look. The shopping cart
is customizable so your shop has a unique look and feel.
There are many different sections here that you can use, or
if you choose, you can leave blank.
Manage > General Settings
|
|
(Click here for larger
image)
|
Title Tag Field
The shopping cart uses the "Title tag for browser" when
displaying the shop categories and items. It will display
this text between the tags on the shop page that is being
displayed. Since the title tag is a critical factor used by
search engines in determining the relevance of a page to a
specific search, then you should make sure to use a relevant
title tag.
When displaying a category of items, the shopping cart will
automatically propagate the category name to the title tag in
order to increase the relevance of the title tag. Similarly,
when the shopping cart displays one specific item it will
automatically
propagate
the item name to the title tag in
order to make the title tag as relevant as possible to the
information being displayed.
The title tag field value is not used if you are using the
"Custom HTML Header". If you are using the "Custom HTML
Header", then within that area you would want to include the
HTML for a title tag. The shopping cart will automatically
propagate
the category or item name there also.
|
|
(Click here for larger
image)
|
Shop Logo
If you are
using the URL field, then the steps to update your logo
image are:
- Browse to a page on your site that contains the
image you would like to use as your logo.
- Right click on the image.
- Select "Properties", that will popup a window
showing the image properties including the image url.
- Click your left mouse button and hold it down while
you drag it across the image url text.
- Once you have selected all the text of the url, then
hold down the Control button on your keyboard and hit
"C" key. That will copy what you have highlighted to
your clipboard.
- Go to your shop/owner General Settings page and
paste that image url into the field for your logo.
- Scroll down to the bottom of the General Settings
page and click the Save button.
If you are
using the "File Image Location", then the steps to update
your logo image are:
- Click the Browse button and browse to the image on
your computer's hard drive.
- Select the image and then click the Upload Image
button.
|
|
Sample Background Image
 (Click
here for larger image)
 (Click
here for larger image)
 (Click
here for larger image)
|
Background
You can use the "Background" field in order to specify the
background color or image to use when displaying your items
within the shop. The "Background" value is used in the shop
pages when there is nothing in the "Custom HTML Header"
field, and it is used on the secure pages which do not use
the "Custom HTML Header".
Using a Background Image
To use a background image you
would insert the complete url ( beginning with http:// ) of
the image that you'd like to use as a background.
The image to the left is called background.jpg. If I set it
as my background image it would create the page that looks
like what is displayed to the right.
Using a Background Color
To set a background color you
would click the "Click here to select background color" link
and then select your desired background color from the color
map. Alternately, if you know the color code for the color
you would like to use, you simply type it in.
Using a Background Color for Secure
Pages
The next field is 'Background Color' for the secure pages
where your customers will enter their credit card
information. Since this is a secure page, your background
image cannot be displayed there because it is not secure
(http: address vs. https: address). In this example, I set
the background color to #666666 (grey) (see picture to the
right) and the result is the checkout screen displayed at
the right.
|
|
(Click here for larger
image)
|
Font, Link, Cell, & Form Options
It is IMPORTANT TO NOTE that most of this information is
overwritten by entering custom header information. SO, if
you plan on using the custom header and footer information,
the information entered in these fields will not matter.
To the right of the color fields are links that state 'Click
here to select link color'. When you Click on them, a color
pallet will 'pop-up' as shown to the right. Simply Click on
the color you wish to use and it will enter that info the
appropriate field for you. Or, if you know the color code
you wish to use, simply type that into the field directly.
|
|
(Click here for larger
image)
|
Color Guide
To the left is a visual of how the
colors correspond to an actual shop.
A few tips:
The Form Header Color does not appear on the
item pages, but rather on the checkout and following pages.
It is important to note if you choose a color for the Form
Header Color similar to the Font Color that the type in the
Form Header Field will not show up and your customers may be
confused. Finally, the Form Title Color is the secondary row
on the forms. Again, it is important that this color is not
closely matched to your font color.
|
|
|
Page Subtitle
The "Page Subtitle" field appears on your shop page. It is
on the same line as the "Home" and "View Shopping Cart"
links. The "Page Subtitle" appears on the Billing
Information and Checkout pages, and, if you are not using
the "Custom HTML Header" field, then it also appears on the
item display pages, and the Cart page (the page that shows
up after you click the "Add To Cart" button for an item).
You could use the subtitle line for text like "The best
selection of ...", etc. Or, this field can be left blank.
Character Encoding
The "Character
Encoding" field is used to specify the character encoding
for the shop display. A good selection for the Character
Encoding is "UTF-8" as this will work with almost all
languages and special characters: e.g. the copyright
character.
|
