Appendix A: Pearl Template Modules / Widgets

The these widgets/modules load in dynamic content generated from your data in the database. 

index.html

The template used for the overall look of the website

%ACCOUNT% a list of menu options such as “log in”, “my account” etc
%BRANDS% a drop down menu of brands, taking the visitor to a page listing products from the chosen brand
%BRANDS_LIST% a list of brands, clickable to take the visitor to a page listing products from the chosen brand
%BREADCRUMB% a section of text showing the user where they are in the website eg Home->Shop->Product
%CART% a list if information; products in cart and total value, with “view cart” and “checkout” links
%CONTENT% the main content and product listing
%COUNTRIES% a list of countries from which the visitor can choose
%CURRENCIES% a box allowing the visitor to choose a currency
%DYNAMIC_MENU% a dynamic SmartMenu (see www.smartmenu.org for more information).
%EVENTS% a list of public events as shown on your calendar
%FEATURED_TABLE% a table of featured items with images
%FEATURED_LIST% a list of featured items, name and price only
%FEATURED_TBL%* a listing of Featured Items, displayed in an unordered list (rather than tables) showing product name, price and thumbnail.
Two rows are displayed (twice the number of the categories per row configuration, which can be found at: Website->Manage Templates->Edit Template)
%LANGUAGE% a drop down menu allowing the user to set their display language. NB language file must be uploaded first
%LOGIN% Displays a login widget
%NEW_PROD_TBL%* a listing of recently added products, displayed in an unordered list (rather than tables) showing product name, price and thumbnail.
Two rows are displayed (twice the number of the categories per row configuration, which can be found at: Website->Manage Templates->Edit Template)
%NEW_PRODUCTS% a list of the most recent items added to your system
%SEARCH% a box allowing the visitor to search for products
%SEARCH_HORIZ% Same as %SEARCH% but uses divs that can be floated to appear horizontal.
%STATIC_MENU% a menu with no hover-over javascript
%SPECIALS% a box showing a random special offer product with a link to the special offers page
%REVIEWS% a box showing a random review with a link to the product
%SPECIALS_TABLE% a table of special offers with images
%SPECIALS_TBL%* a listing of Special Items, displayed in an unordered list (rather than tables) showing product name, price and thumbnail.
Two rows are displayed (twice the number of the categories per row configuration, which can be found at: Website->Manage Templates->Edit Template)
%TITLE% the page title as defined when editing a category
%RANDOM_IMAGE_foldername% Displays a random image from a specified folder.
Create a subfolder within templateImages. and replace foldername with the name of the folder.
The img tag has a class of "img_foldername"
%BACKGROUND_RANDOM_IMAGE_foldername% Sets the background-image css property of an element to a randomly chosen image from a specified folder - see %RANDOM_IMAGE_foldername%
Flash :: SWFObject.js You can use flash by using swfObject anywhere in the page. We use Version 1.5. Help can be found here.

product.html

The template used when displaying detailed information for a product.
The Product.html tmeplate is loaded within the %CONTENT% widget.

%NAME% the product name
%DESCRIPTION% the product description
%ADDTOCART% a button allowing the user to add the item to their cart
%OPTIONS% a drop down list of options if any exist
%IMAGES% thumbnails for the images attached to the product (note “s” on images)
%IMAGE_MINI%
%IMAGE_THUMB%
%PRICE% the product price.
%REVIEWS% a summary of any reviews for this product.
%AVAILABILITY% show the availability as defined in your language file.
%BRAND% shows the brand for the item and a link to other items from the same brand (excludes brand “Other”).
%SKU% the model/SKU set for the item.
%PRODUCTURL% a link to a URL provided for the product, perhaps a manufacturers page.
%OTHERBUNDLES% shows a table with bundles that contain the item, if any.
%MEDIA_FILES% a list of files that have been attached the product in admin. Use this for free downloadable files.
%ALSO_PURCHASED% a list of items that have been in the same order as the currently viewed product
%ALSO_BOUGHT_TBL%* a listing of products that were also bought in the same order as the current product; displayed in an unordered list (rather than tables) showing product name, price and thumbnail.
Two rows are displayed (twice the number of the categories per row configuration, which can be found at: Website->Manage Templates->Edit Template)

product_listing.html

The template used when a list of products in a category is being displayed

%NAME% the product name.
%DESCRIPTION% the first 200 characters of the product description.
%ADDTOCART% a button allowing the user to add the item to their cart.
%OPTIONS% a text list of options if any exist.
%IMAGE_THUMB% a single thumbnail for the images attached to the product (note no “s”).
%IMAGE_MINI% a single mini thumbnail for the images attached to the product (note no “s”).
%PRICE% the product price.
%REVIEWS% a summary of any reviews for this product.
%AVAILABILITY% show the availability as defined in your language file.

* - These product listing widgets can be styled globally (ie one style for all widgets) and/or individually.




Interested? Click here for access to the FREE demo