 |
|
|
My
Web Pages |
|
This visual interface facilitates the management of
the web pages on your website. Your entire site's cosmetics
will depend on the settings you select on the different
portions of this section.
The left column titled "Web Pages"
contains the existing informational web pages and buttons
to control these pages and other sections of your site.
Each of the buttons listed on the bottom represent a
section that controls different aspects of your site:
Add Page, Edit
Page, My Template, Cart
Templates, Site Buttons,
Fonts & Styles, Company
Logo, Web Text, More
Settings and Checkout
Options.
The right column titled
"Additional links created
on the Main Menu" manages the links to
the informational web pages that will be listed on your
main menu.
Pre-Designed
Web Pages:
There are six (6) pre-designed pages: "Index",
"About", "Contact" , "Privacy",
"Terms", and "FAQ";
the Wizard automatically creates and populates these
pages by default with the exception of the "About"
Page. The information you provide in the "Company
Information" entry-form will substitute
all data-tags within the "{ }" tokens.
Links to these pages are normally placed on the top
menu of each page on your web site. The pre-designed
pages are:
Index
-
Your Current Home Page. This is the first page
visitors will see when they go to your website.
A default Index page will come with the
FORTUNE3 Wizard as an HTML page, which can be
modified by editing the
HTML code, or by opening the page with an
HTML program such as FrontPage
or Dreamweaver. The default index page contains
HTML code and programming that will display categories
and products directly on the home page. This default
index page can be edited, however, we recommend
extreme caution and prior HTML knowledge when
editing the default index page, as some of the
programming on it is complex and errors in the
programming may cause the default home page to
not function properly or not display anything
at all. Make your
changes to the code carefully, making sure that
there are no 'if conditions' or 'loops' that are
not properly formatted or closed. 'If conditions'
and 'loops' should not be altered or removed,
they look like this:
[% IF ... %]
[% ELSIF ... %]
[% ELSE %]
[% FOREACH ... %]
[% UNLESS ... %]
[% END %]
You do not have to use the default home page,
you may replace it with your own home page by
replacing the HTML for the page. If you do not
know HTML, you can use the Wizard's
Web Page Generator (by selecting "I want
to use the Wizard to generate this web page) to
edit the index page, however, you will have to
create the page from scratch and you will not
be able to use the default index page if you do
so.
About
- The page that should generally describe
your company and its history. The About Us page
comes blank by default so that you can input your
own information. You can either enter your information
using HTML code, or
if you do not know HTML, you can use the Wizard's
Web Page Generator to create the page.
Contact -
Includes the company's Contact Information and
a Contact Form by default. A default Contact page
will come with the FORTUNE3 Wizard as an HTML
page, which can be modified by editing
the HTML code, or by opening the page with
an HTML program such as
FrontPage or Dreamweaver. The Contact page
contains a form that we have created to make it
easier for you to collect information about your
current/potential customers, along with opening
a path for them to contact you. With the use of
basic HTML Form code, you can add or delete any
fields on this form. In fact, you can create your
own form from scratch, as long as you point it
to our "contactform.cgi" page, it will
function correctly. The contactform.cgi function
is set up to send an e-mail to the address that
you have entered into your "Store Info E-Mail"
in the Wizard's "Company
Information" screen. Since this
is not a required field, if you have not placed
an e-mail address in this field, the e-mails will
get sent to the address in the Website Admin E-Mail
instead. You do not have to use the default contact
page, you may replace it with your own contact
page by replacing the HTML for the page. If you
do not know HTML, you can use the Wizard's
Web Page Generator (by selecting "I want
to use the Wizard to generate this web page) to
edit the contact page, however, you will have
to create the page from scratch and you will not
be able to use the default contact page if you
do so.
Terms or Sales
Agreement -
This page includes the company's "Return
Policy" and is a sales contract.
A default Terms page will come with the FORTUNE3
Wizard as an HTML page, which can be modified
by editing the HTML code,
or by opening the page with an HTML
program such as FrontPage or Dreamweaver.
By Default, the Terms page is populated with generalized
information. This page contains legal information,
user agreements, disclaimers, etc. You do not
have to use the default terms page, you may replace
it with your own terms page by replacing the HTML
for the page. If you do not know HTML, you can
use the Wizard's Web Page
Generator (by selecting "I want to use
the Wizard to generate this web page) to edit
the terms page, however, you will have to create
the page from scratch and you will not be able
to use the default terms page if you do so.
Privacy -
A generic privacy policy page that should generally
discuss privacy concerns with regard to customer
data usage by your company or employees. A default
Privacy page will come with the FORTUNE3 Wizard
as an HTML page, which can be modified by editing
the HTML code, or by opening the page with
an HTML program such as
FrontPage or Dreamweaver. You do not have
to use the default privacy page, you may replace
it with your own privacy page by replacing the
HTML for the page. If you do not know HTML, you
can use the Wizard's Web
Page Generator (by selecting "I want
to use the Wizard to generate this web page) to
edit the privacy page, however, you will have
to create the page from scratch and you will not
be able to use the default privacy page if you
do so.
FAQ
- Frequently Asked Questions. A series
of questions that are commonly asked by customers
are displayed with their answers. A
default FAQ page will come with the FORTUNE3 Wizard
as an HTML page, which can be modified by editing
the HTML code, or by opening the page with
an HTML program such as
FrontPage or Dreamweaver. By default, the
FAQ page has been populated with general questions
your customers may have regarding security, disclosure,
how to use/navigate the site, order tracking,
obtaining contact info, etc. These are all generic
questions that we have put together for any type
of business. You can add/remove questions and
answers as you wish by editing the page. You do
not have to use the default FAQ page, you may
replace it with your own FAQ page by replacing
the HTML for the page. If you do not know HTML,
you can use the Wizard's
Web Page Generator (by selecting "I want
to use the Wizard to generate this web page) to
edit the FAQ page, however, you will have to create
the page from scratch and you will not be able
to use the default FAQ page if you do so.
This is the
only default page that can be deleted. |
Keep in mind that any of these pages can be completely
modified to fit your needs. If you do not like the setup
or layout of the pages, change them as you wish.
All of these pages contain generic terms. You can use
them as they appear or they can be modified with HTML.
Please see the "Editing
Web Pages / Adding Web Pages" section for more
information on editing your pages.
NOTE: The pre-designed
pages may contain special tokens to identify your company's
information.
These tokens are case-sensitive and include:
{companyname}, {Addr1},
{Addr2}, {City}, {State}, {Zip}, {County}, {Country},
{Phone}, {Ext}, {Fax}, {SalesEmail} and {randompage}.
These tokens represent and call the information that
was entered into the Wizard's "Company
Information" section.
Template Footer (represented
by the token {companyinfo} on your template):
All of the web pages on your online store, E-Commerce
website and shopping cart will contain the following
information by default to identify your company. This
information can only be removed by removing the {companyinfo}
token from your template's HTML code (see My
Template):
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
|
Editing
Web Pages / Adding Web Pages |
Add
a Web Page (Add Page):
To create or incorporate a new informational web page,
open the FORTUNE3 Shopping Cart & E-Commerce Wizard
software and go to the "My Web Pages"
section.
Click on the "Add Page" button; then
enter the exact name of the web page that you want to
add in all lower-case letters into the Web
Page Filename field (do not enter any spaces,
quotes, path names or .html extension), or click
on Browse File
to import an html page from an .html file.
Under Web Page Name,
enter the name of the page as you would like it to appear
as the text for the link on your Main Menu. When you
add a link to your main menu,
the menu's button link text will say whatever you put
in the Web Page Name field.
Select whether you will have
the HTML code for this web page or want to use
the Wizard to generate this web page. If you select
that you have the HTML code for this web page, you need
to select whether you want your HTML code to be put
inside your Template or by itself. Select "With
Company's Template" or "Stand
Alone" and click on "Next
>".
Proceed to Editing your New Web Page by using
HTML Code if you selected "I have the HTML
code for this web page" or by using
the Wizard's HTML Generator if you selected "I
want to use the Wizard to generate this web page".
Edit
a Web Page (Edit Page):
To change / modify an informational web page, open
the FORTUNE3 E-Commerce & Shopping Cart Wizard software
and go to the "My Web Pages" section.
Select the icon corresponding to the web page you want
to edit from the left-panel, then click on the "Edit
Page" button. Click on "Next >"
and proceed to Editing your web page by using
HTML Code if you have "I have the HTML
code for this page" selected or by using
the Wizard's HTML Generator if you have "I
want to use the Wizard to generate this web page"
selected.
|
Provide
HTML Code (Select "I have the HTML code
for this web page"): |
If you have web pages
that were created and/or modified with other software,
you can insert the HTML code onto your E-Commerce website
through the FORTUNE3 Shopping Cart and E-Commerce Wizard
software. You can also create new HTML pages from scratch
and even use HTML editors like
Dreamweaver or FrontPage to create and edit any
web page on your site. When
you edit or add a page, select the "I have the
HTML code for this web page" option and then specify
whether or not you want to enclose the page design within
the company's template. Click on "Next >" to continue.
NOTE:
The pre-designed pages come as HTML code and with the
company's template by default. You can edit them directly,
or provide your own HTML as explained in this section.
When enclosing a page design
within the company's template, you will be prompted
to fill in the "Web Page Specifications",
which are the Meta Tags for that page (Title, Description,
and Keywords):
Web
Page Specifications (this window only appears if you
selected the With Company's Template option):
Title
- The title for this particular web page.
The title appears
on the top title bar of browsers, and is used
by search engines to display a title for this
web page, and possibly to determine where to position
this web page on their search results.
Description
- A description for the web page you are
currently adding or editing. This
will be used by search engines to display a description
for this web page on their search results page
(under the title), and possibly to determine where
to position this web page on their search results.
Keywords
- Will be used by search engines to determine
the ranking and positioning for this web page
on their search results when people search for
your keywords. |
NOTE: If you selected
the "Stand Alone" form of web page,
it is up to you to insert the Meta Tags and Title Tag
in your HTML code, since you will not be using the template
on this web page, the Wizard will not prompt you to
enter these fields.
Enter the Meta Tags and then click on "Next >"
to continue.
Adding
/ Editing the HTML Code:
If you want to edit this
page with an HTML program such as Dreamweaver or FrontPage,
click on "Finish", close the automatic preview,
press "Finish" again, and continue forward.
Otherwise, paste the HTML code on the white-panel,
or edit the HTML code that is already in the white-panel.
Use the "Preview" button and make changes
until you are completely satisfied with your page.
Click on "Finish" to save your page and go back
to the Wizard's My Web Pages
section.
Folder
Path (Use this folder path to save your images):
This field specifies
the Folder Path in your local drive for the html
pages and graphics of your website's informational web
pages.
The Folder Path is usually located in this
directory on your PC:
C:\Program Files\FORTUNE3 Wizard\webpages\Username\
Incorporate all 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 Folder Path - do not use sub-folders.
Any files of this type that are in the Folder Path
will be uploaded with your site on your hosting space's
Root directory. Therefore, all references to images
and objects in the HTML code should be made directly
to the filename and extension - no path or sub-folders
(i.e. - <IMG SRC="filename.ext">).
You may also click on the
"Preview" button; and you will be prompted
to browse for any missing images. When you browse and
select a missing image, the Wizard will automatically
copy the image you selected to your Folder Path.
Editing
your Web Pages in HTML Editing Programs like Macromedia
/ Adobe Dreamweaver or Microsoft FrontPage:
In order to edit your web pages in an HTML editor
like Dreamweaver or FrontPage, you must first select
the option "I have the HTML code for this web page"
on the Edit Page section for each page that you want
to edit in the HTML program. Make sure that the HTML
panel screen for this page is not open in the Wizard
(that you are not currently viewing the HTML code for
this page). You may then open the HTML editor program
(Dreamweaver, FrontPage) and go to File -> Open.
Then browse through your PC's files to the following
folder on your computer (Same as Folder Path):
C:\Program Files\FORTUNE3 Wizard\Webpages\Username\
In this folder, you will find all
of the HTML pages that are in your FORTUNE3 Wizard.
Simply open the HTML page that you want to edit in the
program (if you want to edit your HOME page, open the
file named index.html). With the web page open, make
your changes and then simply save the file. Once you
save the file you are done, the next time you upload
your site you will see the changes you've made to the
HTML pages.
NOTE: In order for a web
page to be uploaded to your site, the HTML page needs
to be both, listed as a web page in the "My
Web Pages" section of the FORTUNE3 Wizard,
and its file must be located on the Folder Path.
Having an .html file in the Folder Path alone
and not having it listed in the Wizard as a web page
will not upload the page to your site.
Links
/ Link Tokens / Tags:
You can include links
to the web pages that are automatically generated by
the FORTUNE3 Shopping Cart and E-Commerce Wizard software.
There are several tokens that have been reserved by
the Wizard and will be automatically converted to the
corresponding URLs that point to specific web pages.
An example of a token is "{f3search}" which will
automatically be converted to your search page's URL.
The list below indicates tags/tokens that can be incorporated
into the HTML code of your existing web pages, as well
as those pages created by the Wizard's HTML generator.
| TERM
/ TOKEN |
CREATES
LINK TO: |
| {f3index} |
HOME
Page |
| {f3about} |
About
Page |
| {f3contact} |
Contact
Page |
| {f3products} |
Products
Page |
| {f3services} |
Services
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 |
An example of a token is "{f3index}"
which will automatically be converted to the URL of
your HOME Page.
Thus, you may include a couple of links in your HTML
code by entering the following:
<a href="{f3index}">Home
Page</a> | <a href="{f3terms}">Terms of
Use</a>
And this would yield the following
output:
`Home Page | Terms
of Use
Displaying Products on your Index
Page (Home Page) - Using Top Sellers and {randompage}:
FORTUNE3 has created a shortcut in order for you
to display some of your products on your home page easily
and in an attractive format. Instructions on how to
do this are available on the Administration Site under
the "My Reports" menu by clicking on the "Top
Sellers" link.
|
Wizard's
HTML Generator (Select "I want to use the
Wizard to generate this page"): |
The FORTUNE3 E-Commerce
and Shopping Cart Wizard features a basic HTML generator
to help you create and edit web pages without having
to know HTML code and will prompt you to provide the
following:
Web
Page Specifications:
Title
- The title for this particular web page.
The title appears
on the top title bar of browsers, and is used
by search engines to display a title for this
web page, and possibly to determine where to position
this web page on their search results.
Description
- A description for the web page you are
currently adding or editing. This
will be used by search engines to display a description
for this web page on their search results page
(under the title), and possibly to determine where
to position this web page on their search results.
Keywords
- Will be used by search engines to determine
the ranking and positioning for this web page
on their search results when people search for
your keywords. |
Web
Page Layout:
Each
web page can have a unique layout for its content. The
type of layout that you choose guides the FORTUNE3 E-Commerce
and Shopping Cart Wizard in formatting your text and
placing images and other objects in a designated section
for that particular page. There are nine (9) layout
styles to select from: the simplest (No.1) encompasses
all of the objects into one section, the most complex
(No. 9) in six sections. The most common layout is No.
2, which can be used to display two-columns/two-sections
of text and images. Select a style and click "Next
>".
Page
Content - Body Objects:
Once
you have selected a Style Layout and clicked "Next
>", you may begin adding text, images and
other "unlimited" content to your page. There
are two "Create New Object" buttons. By clicking
"Create New Object" on the top, an object before
the one currently being displayed will be created.
By clicking on the bottom button, an object will be
created after the one that is currently
being displayed. You will quickly become familiar with
the standard object entry form. For
every text, image or link that should have different
properties (different Font, Size, Color or Layout Section),
you MUST create a New Object.
NOTE:
Keep in mind that objects within the same Section are
always placed in the same sequence as they appear when
scrolling-down the form.
Use the "Up" and "Down" buttons to verify
existing objects in order at any time.
The entry form allows you to format each object with
the following options:
"Object Type" selection: "Text",
"Image" or "Link".
"Itemized"
objects will show bullets before the object.
"Leave a Blank Line"
before the object.
"Text
Properties"
Select "Font",
"Font Size", "Font
Type", "Font
Color" and "Alignment".
To place an object in the
first section, enter the desired object information
and corresponding parameters. Select "Layout
Section 1" AFTER you have
entered the object itself. To enter
an object below the object you just created, click on
the Create New Object Here button on the bottom
of the screen, and proceed to enter Object #2 and others,
remembering to select the Layout Section for
each object AFTER you have entered
the object itself, and that objects
placed in the same section will be displayed in the
order that they are in. You can see the order from top
to bottom by clicking on the "Up"
button several times until it is no longer enabled.
You will then be looking at your first object, hit the
"Down" button to move down the objects
in order, making sure you notice which Layout Section
each object is in and in what order inside the sections.
NOTE:
You can
enter HTML code in a "Text" type object, but
only if the HTML code is in one line. Having spaces
or blank lines in the HTML code will place <br>'s
inside of the HTML code you are entering, and will therefore
sacrifice the validity of your code.
We recommend that you do not use a single object for
the whole page; instead, you should separate paragraphs,
images and links individually. The
order of entry will generally determine the location
in that section of the page. When you begin, there may
only be one "Create New Object" button, but once
an object has been entered you will be presented with
a second row of action buttons. In this form the upper
row will insert objects above the current one, and the
lower row will insert objects below the current one.
If you wish to reorder the content of your page, the
easiest method is to "Cut" an object, scroll
up or down and paste it in the new location.
Click on the "Preview"
button to see a rough estimate of how your page will
look as you continue creating objects or making changes
to other objects; once you are satisfied with your web
page, click on "Finish". Remember that a Preview
is not your actual site; it is a mild
representation of this particular page. The menu is
not meant to look how it will once it is uploaded to
your site.
|
Adding
Links to Web Pages on the Main Menu ( "Additional
links created on the Main Menu" ) |
Each new web page that you
add creates an icon on the left-panel. In order to make
the web page available to visitors of your online store
and E-Commerce web site, each web page must be linked
appropriately. The easiest way to create a visible link
is by adding a button on the "MAIN MENU".
First select the "Index"
icon displayed on the right-panel. Notice that the "Link
to:" drop-down-list (combo box) on the bottom
will appear available. Select
the web page that you want to add a link to from the
list and click on the "Add" button. The corresponding
icon will appear as linked by appearing under its parent
page (you can see this by clicking on the plus (+) sign).
To remove a link from a
page, right-click on the corresponding icon in the right-panel.
When the pop-up menu appears, select "Delete this
Link".
NOTE:
Any links that are added to the Home (Index) page will
automatically be on every page of your site (this is
a setting that you can turn off by going to the "More
Settings" section and un-checking the
option that says "Display the links added to my
Home Page on all web pages".
Example:
The right-panel below illustrates the steps we just
described. In our graphic example the "Index
Page" has links to "Page2"
and "Page3". We have actually added
no links to "Page 3 " but "Page 2"
has links to "Page 4" and "Page 5". "Page
5" then contains links back to "Page
2" and "Page 3".
|
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.
|
Editing
a Template in HTML Programs: Adobe Dreamweaver
or Microsoft FrontPage: |
In order to edit your template in an HTML editor like
Dreamweaver or FrontPage, you must first download one
of FORTUNE3's templates to your computer (unless you
have already done this). If you have not already done
so:
| • |
Select the middle option
"Modify/Customize Template" on the
"My Template" section of "My
Web Pages", click on "Next >". |
| • |
Select a template "Style"
from the menu on the left; then choose a color
combination on the right. |
| • |
Once you have chosen the
template you would like to download and customize,
select the radio button on top of the template
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 main
template's name in order to avoid confusion. The
name you enter here will be reflected in your
Template's Folder Path. |
| • |
Click on "OK"
and then click on "Apply" on
the HTML panel Screen - > And Yes on the Prompt
Window. |
Once you have the template
downloaded to your computer,
you may go to the HTML editor program (Dreamweaver,
FrontPage, etc.) and in the program, go to File ->
Open. Then browse through your PC's files to open the
following file on your computer:
C:\Program Files\FORTUNE3 Wizard\Templates\TemplateName\content.html
The Template's Folder Path
should be located in this 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.
Make your changes to the template
within this file and then simply save the file. Once
you save the file, you are finished, the next time you
upload your site you will see the changes you made to
the Template on your site. Needless to say, this content.html
file is the main file that represents your custom template,
along with other graphic and style sheet files that
are in the Template's Folder Path.
Within
the content.html Template file:
Link to other web pages
that you have on your site by specifying only the page
name followed by .html (exclude the Folder
Path. i.e. <A HREF="pagename.html">Enter
Link 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' auto-generated web-pages by using an
of the following tokens:
{f3index}, {f3products}, {f3specials}, {f3shop},
{f3about}, {f3contact}, {f3search}, {f3terms}, {f3privacy},
{f3faq} and {f3orderstatus} as the link addresses
for the links (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 file name
followed by the corresponding file extension (.gif,
.jpg, .jpeg, .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:
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.
Any new images or files you add to the template
must have the image files located directly in the Template's
Folder Path: C:\Program
Files\FORTUNE3 Wizard\Templates\TemplateName\
without any sub-folders, and referred
to within the HTML code as simply <img src="file.ext".....>.
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">).
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 your site.
{script} Java Script for dynamic menu - You need
this in order for the menu to work.
| | | |
