 |
|
The FORTUNE3 Shopping Cart
& E-Commerce Wizard software provides several options
and tools to accommodate the look of your E-Commerce
website.
You may select a predefined template, you can modify
the design of one of our templates or design your own
by using HTML code, or by
using HTML editors
such as Macromedia / Adobe Dreamweaver or Microsoft
FrontPage. You may also change your template's images
and graphics by editing a .png file with "png"
graphic software such as Fireworks.
IMPORTANT
NOTE ON CUSTOM TEMPLATES: FORTUNE3 does not recommend
selecting the "Create New Template Design from
scratch (Experts Only) " option unless you
are extremely proficient with HTML code and with the
Wizard's HTML and template functionality all around.
If you want to incorporate
your own template for your shopping cart, it is highly
recommended that you select the "Modify/Customize
Template" option to download one of FORTUNE3's
templates and start by working to turn FORTUNE3's template
into your template. This is recommended because the
template requires certain tokens and tags that are already
placed in FORTUNE3's templates and because a template
also includes many images, graphics and style sheets
(like the Add to Cart button), which you will get into
your template only when you download one of FORTUNE3's
Templates.
Select
Pre-defined Template:
The FORTUNE3
Shopping Cart & E-Commerce Wizard software comes
with a library of ready-to-use templates that can quickly
help you start your E-Commerce web site. They range
from the very unique to the common "L" designs.
Select a template "Style" from the
menu on the left; then choose a color combination on
the right. You may Preview any template by selecting
the template of your choice and clicking on the "Preview"
button. Because of its popularity, template "CORP"
is selected by default on new companies.
Click on "Next >" to select and enable the
template.
Continue on to the next step.
Modify/Customize
Template:
In order to assist
you in changing a template or creating your own template
design, the 'FORTUNE3 E-Commerce & Shopping Cart
Wizard software' provides a library of customizable
templates that can be downloaded to your computer and
modified.
In order to edit a template, go to the "My
Web Pages" section of the Wizard, and
click on "My Template". Select the
middle option "Modify/Customize Template (HTML
Code and Images) based on a sample available" and
click on "Next >" .
In order to customize your template, please select one
of the templates from the library. Select a template
"Style" from the menu on the left;
then choose a color combination on the right. You may
preview any template by selecting it and clicking on
"Preview".
Once you have chosen the template you would like to
download and customize, select it and click on the "Modify
As" button, the template download will begin
(this will require an Internet Connection). Once the
template is downloaded, a screen will prompt you to
enter the "Name of New Template".
Fill in the "Name of New Template"
field by entering a name that would reference your template
- we recommend that you use your FORTUNE3 username as
your template's Name in order to avoid confusion. Click
on OK.
Instructions
for Modifying a Template / HTML Code:
A screen with an HTML panel will be shown:
If you want to modify your template by using
an HTML editor (such as Macromedia / Adobe Dreamweaver
or Microsoft FrontPage), exit this HTML panel code by
clicking on the "Apply" button and
then clicking on "Yes" on the prompt
screen. Click here
for instructions on using an HTML program to edit your
template.
If
you will use HTML code directly to modify your template
(professional web designers only):
You may modify the HTML
code directly in the Wizard's panel. Link to other web
pages on your site by specifying only the page name
followed by .html (exclude the Folder
Path. i.e. <A HREF="pagename.html">Enter
Text Here</A>). Please do not use uppercase
letters in the filename. Any uppercase letters in the
filename will automatically be converted to all lowercase
letters to avoid errors. If your web page filename does
have uppercase letters, please enter the full URL into
the link (HREF tag) in order to keep the uppercase letters
as part of the link (<A HREF="http://www.yourdomain.com/PageName.html">Enter
Text Here</A>).
Link to any of the 'FORTUNE3 Shopping Cart & E-Commerce
Wizard software's auto-generated web-pages by using
tokens:
{f3index}, {f3products}, {f3specials}, {f3shop},
{f3about}, {f3contact}, {f3search}, {f3terms}, {f3privacy},
{f3faq} and {f3orderstatus} as link tokens for the
filenames (exclude the Folder Path and the .html
file extension. i.e. <A HREF="{f3privacy}">Privacy
Policy</A>). The following chart depicts each
link token that is available within FORTUNE3:
| LINK
TOKEN |
CREATES
LINK TO: |
| {f3index} |
Home
Page |
| {f3about} |
About
Page |
| {f3contact} |
Contact
Page |
| {f3products} |
Products
Page |
| {f3shop} |
Shopping
Page |
| {f3terms} |
Terms
of Use / Sale Page |
| {f3privacy} |
Privacy
Page |
| {f3faq} |
FAQ
Page |
| {f3orderstatus} |
Order
Status Login Page |
| {f3specials} |
Specials
Page |
| {f3search} |
Search
Page |
| viewcart.cgi |
View
Cart Page |
Refer to new images and animated
objects being incorporated by specifying the filename
followed by the corresponding file extension (.gif,
.jpg, .jpeg, .jpe, .png, .fla, .swf, .swd, .spl
/ exclude the Folder Path. i.e. <IMG SRC="imagename.gif
">). Please do not use uppercase letters
in the filename. Any uppercase letters in the filename
will automatically be converted to all lowercase letters
to avoid errors. If your filename does have uppercase
letters, please enter the full URL of the file (in the
SRC tag) in order to keep the uppercase letters (<img
src="http://www.yourdomain.com/ImageName.jpg">)
.
Folder Path for the 'Template
Design' - where to put your template's images and files:
This field specifies the Template's Folder Path
in your local drive for your new template design. The
Template's Folder Path is shown under the HTML
panel.
The Folder
Path for your templates will look like this (Template's
Folder Path):
C:\Program Files\FORTUNE3 Wizard\Templates\TemplateName
TIP:
TemplateName
= This is what you entered in the
"Name of New Template" field when
you first downloaded the template.
Incorporate all of the new
images and animated objects referenced in the HTML code
by saving their corresponding files (.gif, .jpg,
.jpeg, .jpe, .png, .fla, .swf, .swd, .spl formats)
directly into the specified Template's Folder Path
- do not use sub-folders.
The Template's Folder Path also contains other
files, mostly image files and a style sheet (for example,
the Add to Cart image is in this folder, called btnadd.gif).
You may change any of the files and images in the Template's
Folder Path. When you upload, the changed images
will be reflected on your site.
If you would like to edit the fonts in the style sheet,
you may do so by editing the style.css file that is
located in the Template's Folder Path, but
in order for your modified style sheet to get uploaded
to your site, you must also make sure that style.css
is selected as the "Style Name" in the "Fonts
& Styles" section of the Wizard.
Image
Editing For Graphic Designers and Web Developers:
To edit the template's buttons and graphics all
at once, use Graphics Software Fireworks to modify
the colors and design of the template's graphics
("template1of2.png", "template-buttons.png",
"templat-design.png" and/or "template2of2.png"
are the possible Fireworks files that should be
downloaded with each template and should be available
in your Template's Folder Path). Do not
delete, change names, shapes, sizes or positions
of the predefined slices.
Once finished, use
the graphics software to export all of the slices
to the specified Template's Folder Path. |
If you want to differentiate each
page with its own Meta Tags, keep the following lines:
<META name="keywords" content="{keywords}">
<META name="description" content="{description}">
<META name="title" content="{title}">
<title>{title}</title>
Required
Tokens / Tags:
DO NOT REMOVE the following tokens:
{onload} within the
body tag of the HTML ( <body {onload}....> )-
You Must Have this to have a Functional Shopping Cart.
{menu} for the main
category menu.
{content} This token
displays the contents of each of the web pages on your
site.
{jscript} Java Script for dynamic menu - You need
this in order for the menu to work.
The following 2 lines must
appear before the body:
<SCRIPT LANGUAGE="JavaScript" SRC="script.js"></SCRIPT>
<LINK REL="STYLESHEET" type="text/css"
title="Da Stylesheet" HREF="style.css">
Optional Template Tokens
/ Tags:
|
{companyinfo} |
This optional
token calls your company's information that was
entered in the Wizard's "My
Company" section under the "Company
Information" tab. This token displays
the following information on your site:
Company
Name
Address
City, State, Zip Code
Country
Sales Dept. E-mail
Phone & Ext.
Fax
Powered by FORTUNE3
E-Commerce Solutions - E-Commerce Shopping
Cart Software |
|
| {logo} |
This optional token calls
your company's logo image that is entered in the
Wizard's "My
Web Pages" section under the
"Company
Logo" button. This should only be
used in the following context: <img src="{logo}"
border=0> |
| {slogan} |
This optional token calls
your company's slogan that is entered in the Wizard's
"My Web
Pages" section under the "Company
Logo" button. |
| {jscart} |
This optional token calls
and displays a small version of shopping cart
contents on your template (so that customers know
what is in the cart while browsing through your
pages). This should be on a table no wider than
180 pixels wide. |
| {randomft} |
This optional token calls
and displays your web store's Top Sellers. The
top sellers are randomly displayed vertically
on your site in pairs or 3 at a time. Each category
and product page will show the Top Seller products
within its own category, each product shown here
is organized along with the product's price, image,
link to product page and Add to Cart link. You
can define the Top Sellers you want to display
on the Administration Site's "My Reports
-> Top Sellers" menu. This token
should be on a cell no bigger than 150 pixels
wide. |
| {randomsp} |
This optional token calls
and displays your web store's Special Offers.
Special Offers are any products that have both
a Regular Price and an On Sale Price specified
in its properties. The special offers are randomly
displayed vertically on your site in pairs or
3 at a time. Each category and product page will
randomly show the Special Offer products within
its own category, each product shown here is organized
along with the product's price, image, link to
product page, and Add to Cart link. Token should
be on a cell no bigger than 150 pixels wide. |
| {randomrp} |
This optional token calls
and displays your web store's Recommended or Cross-Selling
Items. The Cross-Selling Items are randomly displayed
vertically on your Products' pages in pairs or
3 at a time - only if you have Cross-Selling Items
set up for that product in the Wizard. Each product
shown here is organized along with the product's
price, image, link to product page and Add to
Cart link. |
| {currencyconversion} |
This optional token calls
and displays the currency conversion scroll-down
list or set of flags that you specify in the "Currency
Conversion and Languages" screen
in the Wizard's "My
Company -> Company Information"
section. If this token is not present in your
template, and you have the currency conversion
tool activated, the currency conversion selection
will appear to visitors under your main menu by
default. |
Click on the "Preview" button and continue
making changes until you are completely satisfied.
Click on "Apply" to
enable the new template design. If any images that are
being called from the template's HTML code are not in
the Template's Folder Path, you will be prompted
to browse for these missing images. When you browse
and select a missing image, the Wizard will automatically
copy the image you selected to your Template's Folder
Path.
Once you click on "Apply" you will
be taken back to the template selection screen, however,
because your custom template is already enabled, the
Template's Style will automatically be on "Custom
Templates" and your particular custom template
will be selected on the right-panel, signifying that
your custom template will be used on your site. If you
would like to edit the template again in the future,
click on the "Modify" (NOT the "Modify
As") button to go back to the HTML panel and
edit the code. You may also choose to edit the template
by using an HTML
program such as Dreamweaver or FrontPage. Clicking
on "Modify As" when a custom template
is selected will copy the files from the current custom
template and create a 2nd custom template with those
same files.
Top: Table
of Contents | Previous: Adding
Links to Web Pages on the Main Menu | Next:
Editing a Template
in HTML Programs |
|
|
|
|
