Print Page - Web Site Design

Designing a web site for CubeCart 5 involves creating a series of HTML files that comprise:

Global Superstructure
- Content Details
- Common Details

The global structure holds the various parts and pieces in place and has the requisite <html>, <head>, and <body> blocks. Each of the content details is usually placed in the center or the right side under the banner and the left side column is typically used for navigation and other details common to every page. But there may also be a right side column to hold some of the common details.

The Content and Common detail blocks are represented in the global structure as {$PLACEHOLDERS}. Each of these placeholders will be replaced by actual HTML code built from their respective purpose. There is no need, however, to make sure each placeholder gets replaced. The engine that builds the final HTML code will strip any placeholder it finds whether there is any content for it or not.

The standard CubeCart skin has these placeholders:	The file containing the HTML to hold this data:
{$SHOPPING_CART}	box.basket.php
{$CURRENCY}	box.currency.php
{$SITE_DOCS}	box.documents.php
{include file='templates/box.errors.php'}	box.errors.php
{$RANDOM_PROD}	box.featured.php
{$LANGUAGE}	box.language.php
{$CATEGORIES}	box.navigation.php
{$MAIL_LIST}	box.newsletter.php
{if isset($POPULAR_PRODUCTS)}{$POPULAR_PRODUCTS}{/if}	box.popular.php
(this one has a condition that checks if "show popular products" has been set in the admin dashboard)
{if isset($CHECKOUT_PROGRESS)}{$CHECKOUT_PROGRESS}{/if}	box.progress.php
(shows the checkout steps on checkout pages: 1. Basket - 2.Checkout - 3. Payment - 4. Complete)
{$SALE_ITEMS}	box.sale_items.php
{$SEARCH_FORM}	box.search.php
{$SESSION}	box.session.php
{if isset($SKIN_SELECT)}{$SKIN_SELECT}{/if}	box.skins.php
(condition checks if "allow users to change front-end skin" has been set to Yes in the dashboard)
{$COPYRIGHT}	loads the content as entered in the dashboard under Store Settings > Copyright
{$PAGE_CONTENT}	loads the page content based on what URL you are looking at
{$STORE_URL}	the base URL of your store, eg. "http://domain.com" or "http://www.domain.com/shop"
{$SKIN_FOLDER}	the folder name of the skin your store is currently using, eg. "vanilla"
{$SKIN_SUBSET}	the folder name of the skin subset/style your store is currently using; only applicable if your skin has subsets

logo for skins with subsets:
<a href="{$STORE_URL}/index.php"><img src="{$STORE_URL}/images/logos/{$SKIN_FOLDER}-{$SKIN_SUBSET}.php" alt="{$META_TITLE}" /></a>

logo for skins without subsets:
<a href="{$STORE_URL}/index.php"><img src="{$STORE_URL}/images/logos/{$SKIN_FOLDER}.php" alt="{$META_TITLE}" /></a>

template files for page content (

{$PAGE_CONTENT}

in the main.php template file) and corresponding URLs

content.category.php = index.php?_a=category&cat_id=1
content.certificates.php = index.php?_a=certificates
content.contact.php = index.php?_a=contact
content.document.php = index.php?_a=document&doc_id=1
content.homepage.php = index.php
content.login.php = index.php?_a=login
content.product.php = index.php?_a=product&product_id=1
content.recover.php = index.php?_a=recover
content.recovery.php = index.php?_a=recovery
content.register.php = index.php?_a=register
content.search.php = index.php?_a=search

checkout pages
content.checkout.php = index.php?_a=basket
content.checkout.confirm.php = index.php?_a=confirm (step 2 of the checkout; for registered users shows a selection of saved addresses, for unregistered users shows a form to enter an address)
content.gateway.php = index.php?_a=gateway

customer account pages
content.addressbook.php = index.php?_a=addressbook
content.downloads.php = index.php?_a=downloads
content.newsletter.php = index.php?_a=newsletter
content.orders.php = index.php?_a=vieworder
content.profile.php = index.php?_a=profile
content.receipt.php = index.php?_a=vieworder&cart_order_id=111111-111111-1111

CubeCart - FreeForums For All

CubeCart 5 => Developer's Kit => Topic started by: Chief! on February 10, 2012, 11:55:40 AM