Online Store Builder, Ecommerce Software, Shopping Cart Manual: My Template

Help Manuals - Fortune3 Ecommerce Software Help

Don't Panic! We've got the answers.

The Help Manuals are extensive and highly detailed and can answer most how-to questions about the Fortune3 Wizard and shopping cart software.

Can't find your question below? Search our extensive Knowledgebase for answers to many more questions - Click Here

Can't figure it out? Open a support ticket >

My Template

The FORTUNE3 Shopping Cart & E-Commerce Wizard software provides several options and tools to accommodate the look of your E-Commerce web site.

You may select a predefined template, you can modify the design of one of our templates or design your own by using the built-in HTML editor, or by using HTML editors such as Macromedia / Adobe Dreamweaver or Microsoft Expression Web / FrontPage. You may also change your template's images and graphics by editing a .png file with "png" graphic software Fireworks.

IMPORTANT NOTE ON CUSTOM TEMPLATES: FORTUNE3 does not recommend creating a template from scratch or using a template not provided by FORTUNE3 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 As..." 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. Browse through the different Categories of templates in the Show Templates: drop-down on top of the screen, 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. The template that is selected by default for your new company is determined by the industry you choose in the New Store Setup window.

Click on "Save & Close>" to select and enable the template chosen.

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 FORTUNE3 template, go to the "My Web Pages" section of the Wizard, and click on "My Template", browse through the different Categories of templates in the Show Templates: drop-down on top of the screen, 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 "Create New Template" window will appear. 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 or Company Name as your template's Name in order to avoid confusion. Click on OK. The template download will begin (this will require an Internet Connection).

Once the template is downloaded, the FORTUNE3 built-in HTML editor will open with your new template's code. Make the changes to the template as necessary. For help using the built in HTML editor click here.

Web Designers / Integrating a Custom Template: You can delete the entire template if that is your choice and start with your custom template from scratch, but make sure to keep the required tokens in their proper placing as mentioned in the sections following below.

If you want to modify your template by using an HTML editor such as Macromedia / Adobe Dreamweaver or Microsoft Expression Web / FrontPage), exit the built-in HTML editor by going to "File -> Save & Close". Then click here for instructions on using an external HTML program to edit your template.

If you will use Fortune3's HTML editor to modify your template:

You may modify the template in the HTML Editor directly, or with HTML code by clicking on the View Code icon. Enter any HTML code you wish, with the exception of the few incompatible tags listed in the HTML Tags section. Make your changes as necessary, keeping these tips in mind:

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>).

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

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 navigation menu's button images are in this folder, i.e button.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 between the <head> and </head> tags:
<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 dynamic 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.

{carttotals}

This optional token calls and displays in simple text the number of items currently in the shopping cart and the order's sub-total amount. i.e. 3 Items ($89.90)

{cartqty}

This optional token calls and displays in simple text the number of items currently in the shopping cart. i.e. 3 Items

{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.

{languagetrans}

This optional token calls and displays the language translation 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 translation conversion tool activated, the translation conversion selection will appear to visitors under your main menu by default.

To save the changes to the template and enable the new template design select "File" on the menu bar on the top left hand corner of the built-in HTML editor and select the option "Save & Close". 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 "Save & Close"you will be taken back to the template selection screen, however, because your custom template is already enabled, the Show Templates: will automatically be selected to "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 built-in HTML editor and edit the template. You may also choose to edit the template by using an HTML program such as Dreamweaver or Expression Web. 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

Top: Table of Contents | Previous: Company Logo | Next: Editing Templates with Dreamweaver / Expression Web