5
The CactuShop Front End
5.1 Introduction
The front end is the part that visitors to the site see. All the pages are
dynamically generated and allow the user to navigate around the site, view
products, select items to add to the shopping basket and then finally,
checkout and pay for the goods.
5.2 Product
view
This is the key part of the front end the page that displays products and
their versions.
5.2.1 Product
information
The CactuShop code pulls out product information and checks to see whether
an image exists for the product. If one is present, this is displayed. Another
check is made to see if a large image has been uploaded too. If yes, the `view'
link is displayed.
5.2.2 Version
list
`Versions' is a critical design feature in CactuShop. Products can have any
number of versions, and each version of a product can have a different spec,
price and availability. Versions may typically be different sizes, colours, etc.
Versions can be listed in several ways, for more details see 6.7.3.
5.2.2.1
HTML list with hyperlinks
Set
addtobasketdisplay
config setting (7.4.4.1) to `l' (lower case `L') and
version display type at product level to `rows'.
5.2.2.2
HTML list with buttons
Set
addtobasketdisplay
config setting (7.4.4.1) to `b' and version display
type at product level to `rows'.
5.2.2.3
HTML list with text boxes and buttons
Set
addtobasketdisplay
config setting (7.4.4.1) to `t' and version display
type at product level to `rows'.
5.2.2.4
HTML list with dropdowns and buttons
Set
addtobasketdisplay
config setting (7.4.4.1) to `d' and version display
type at product level to `rows'.
5.2.2.5
Dropdown list excluding price
Set version display type at product level to `options (list just names)'. Note
that in this dropdown list format, version images and descriptions are not
visible. Also, if you select just names (no prices) but the prices of versions are
different, the display will be incorrect only one price will be shown. You
24
New Page 1