Commerce Page Examples

Here are some in-depth examples of how our clients are taking their Saffire Commerce pages to the next level! 

Excited about a page you've built? Would you like to be included in our showcase? Please email links to support@saffire.com if you're interested in being featured!

Example 1

• The landing page contains a promo image linked to the full commerce page.
• The commerce page uses text/gallery modules to display images and a description of the product.
• Below the text/gallery module is an items module displaying a single product for purchase.
• To limit the page length and need to scroll, other items are displayed with an image module atop an items module in a two column section. 

Example 2

• The landing page is using image modules within a two column section as navigation for various product categories.
• The commerce pages display products in three column sections, with an image module atop an items module.
• The image module is set to gallery/slideshow with a 4x3 aspect ratio for consistent sizing.
• One product is added per items module.
• Each row requires a new three column section to ensure the rows remain level throughout the page.

Example 3

• The landing page is using a feature lineup module to display the various product categories.
• The product name is added to the Title field.
• The price is displayed in the Insert Detail Text field. 
• For clothing articles, they are utilizing the Custom Buy Now Text field to suggest the customer select a size before purchase.
• Using the Buy Now URL field, the Buy Now/Select Size buttons are being directed to the unique product page built for each item.
• The commerce pages contain an image module at the top with a single image of the product.
• An items module is placed below containing all the various product sizes available for purchase.
  

  Clients often create a unique product for various clothing sizes to properly track sales and inventory.

  

Example 4

This approach is very similar to the last, but because they have so many products and categories, they've created multiple landing pages to help customers shop with ease.

• The primary landing page is using a feature lineup module to display the various product categories.
• The secondary landing page is using another feautre lineup module, this one displaying the products associated with the category selected.
• The commerce page includes a two column section containing image modules.
• A one column section is added below containing only an items module.
• The items module contains the various product sizes available for purchase.