9.1 Building the Webshop


9.1.3 Frames  <<  9.1.4  >>  9.1.5 Products and Shopping cart 

9.1.4 Pages

Front page. The Front page is located in the business frame. The front page opens every time when no other page has been selected or when the Webshop is called with the parameter FRONTPAGE=TRUE. The purpose of the front page is to be the first, so-called large page that the customer sees. It is a good place for a Welcome text, some overall information and perhaps a special offer. You can use Product spot, for instance.

Left page. The Left page is always located in the left frame. The purpose of the page is to present the product groups. This is why it contains the [Tree structure] WAE that opens the list of a selected product group in the business frame.

Top page. The Top page is located in the top frame. The main purpose of the page is to present the name and the possible logo of the shop. The page is always visible, and it is usual to have a product search and links to the contact details and terms of delivery here.

Bottom page. The Bottom page is located in the bottom frame. The idea in the bottom page is the same as in the top page, but it is perhaps a more natural place for the [Small Shopping Cart] WAE. Order-related links are also often placed here (e.g. [order] and [show cart]).

Product list. The Product list page is located in the business frame. It opens from the product group link and its purpose is to list the products of a given product group. This can be carried out with the [Product list]-WAE.

Product. The Product page is located in the business frame. The page opens from the link [Read More] on the product list page. The purpose of the product page is to give more detailed information on a given product than is shown in the product list. The [Product card] WAE is used for this purpose.

Shopping cart. The Shopping cart page is located in the business frame. The page opens from the link [Show cart]. The purpose of the page is to list the items in the shopping cart and show the total of the order ( the [Cart] WAE).

Order 1 - form. The Order 1 page is located in the business frame. It opens from the link [Order]. The purpose of the page is to show the customer the [Order form] WAE, which outputs the customer questions relating to the order. It is usual to show the items included in the order above the order form (the [Products] WAEs).

Order 2 - confirm. The Order 2 - confirm action page is located in the business frame. It opens when the information in the Order 1 is approved. The purpose of the page is to let the customer to check the entered information and confirm the order - the [Confirm order] WAE. If the Confirm order button is clicked, the order is entered into the Workspace order base as a new order and via Payment Server to the Order 3 - Payment confirm page. It is usual to show the items included in the order above the order form (the [Products] WAEs).

Order 3 - payment confirm. The Order 3 - Payment confirm page is located in the business frame. The page opens via Payment Server. Payment Server also notifies of the status of the order. In the [Confirm payment] WAE you can set each status a separate text.

Registration. The Registration page is located in the business frame. The page opens via the Register link of the [Password protection] WAE. The purpose of the page is to register new customers to the customer database. The most important WAE is [Registration]. The registration page works as an "Personal information" page if the customer has already logged in. You can find more detailed information on registration in the Registration section.

Custom pages. The custom pages are located in the Business frame and can be opened by creating special link element WAE to some other type of page. There can be unlimited amount of different custom pages created. Custom pages have names, which can be used for distinguishing the different custom pages. Custom pages can be used for displaying nonstandard information in the shop, which does not fit on the standard pages. For example: FAQ pages, company contacts page etc.

WYSIWYG custom pages. WYSIWYG custom pages are the same as simple custom pages, but with difference, that WYSIWYG pages are modified with WYSIWYG editor. WYSIWYG (What You See Is What You Get) editor allows to see what the end result of page will look like while the page is being created.

WYSIWYG editor help icon
Picture 9.4 : WYSIWYG editor help icon


Click on help icon inside the editor to see information about the editor, and how to create pages with it. Default background color of editor is white. If you don't happy with this color, you can change it by modifying webshop general css-file. Just add this string to css:
     body.mceContentBody { 
            margin: 0px 0px 0px 0px;
            x-index:11;
            background: white;     
     };
Replace "white" with your own color.