Help Topics

General Help Topics
Site Setup FAQ's Email - Set Up Domains Special Features FrameEZ Troubleshooting
Shopping Cart
Store Configuration Global Configuration Product Management Categories Manufacturers/Brands STN Import Tool Shipping Payment Processors Orders and Sales Shopper Groups Coupons & Discounts Taxes Safety Warnings POS-to-Web Sync
Import/Export Data Components
Contact Us Store Locator Front Page SlideShow Newsletters - Letterman Events Calendar QuickBooks Sync Media Manager SEO Manager Picture Gallery User Manager Banner Manager Language Editor
Wish List Mobile Lightspeed POS Shopify App
Content Management
Wordpress & WooCommerce
Product Display Pages E-mail
Shopping Cart - Store Configuration
Tuesday, 18 December 2012 16:37

Product Display Pages

Your cart system automatically displays products to visitors when they browse or search for something on your web store. The first level of display is called a “product browse page ” – this is where multiple products are shown to the visitor. The second level of display is called a “product details page ” (or sometimes called a “fly-page”) – this is where one product is displayed to the visitor with all its details.

The Browse Page

The browse page is the page where your shoppers can see multiple product previews. These are often grouped by category, but may be grouped according to age, manufacturer, or other criteria such as search results. Below are a few common browse layouts. Your project manager will work with you to setup a browse page style that works well for your site design.

browse pages - columns illustrated
The browse page displays products according to a grid system. By default, the cart is setup for a single column grid, but this can be modified to suit your needs. Two, three, four, and even five column grids are not uncommon. Your project manager will also assist you in determining what product information is displayed on the browse page: Thumbnail, Product Name, Price, Short Description, Safety Warnings, Add To Cart Buttons, etc.


Here are a few sample browse pages. Click the thumbnails or visit the "website" link to see how different browse page layouts look in action.

 1 Col (website )      
 browse-th_2col-a.png  browse-th_2col-b.png    
 2 Col_Ver A (website )  2 Col_Ver B (website )    
 browse-th_3col-a.png  browse-th_3col-c.png  browse-th_3col-d.png  
 3 Col_Ver A (website )   3 Col_Ver B (website )  3 Col_Ver C (website )
 browse-th_4col-a.png  browse-th_4col-b.png  browse-th_4col-c.png  browse-th_4col-d.png
 4 Col_Ver A (website )  4 Col_Ver B (website )  4 Col_Ver C (website )  4 Col_Ver D (website )

The Product Details Page

The product details page is the page where your shoppers can see additonal information about an individual product.

Note: The system automatically builds the full-size image viewer. Shoppers simply click the medium sized product images to view the full product detail.


Other Product Details

There are other product details that are often not shown to the shopper, but are used by your cart system for administrative purposes such as inventory control and shipping calculations.

  • Manufacturer's Name and Contact Information

  • Product SKU Number or UPC Number

  • Product Weight and Dimensions (used for shipping calculators)

  • Country of Origin

  • Suggested Age Ratings

  • Pricing Discounts

  • Inventory Count


Last Updated on Monday, 16 December 2013 16:40