Example Viewsets

Overview

You can learn more about viewsets in other areas of our documentation.  However, these viewsets have been built by our team to give real-world examples of re-distributable viewset packages, as well as integration of contemporary technologies and patterns such as Bootstrap.  This documentation does not help you learn how to create a custom viewset.

Requirements

The following information is required to already be known:

• What a viewset is
• How to install a viewset

Getting Started

A viewset is a collection of views that are displayed to customers on your Hotcakes Commerce store.  These views include all of your customer-facing store pages, such as cart, checkout, and product details.  The individual views are built using whichever web technologies are needed to properly fill the requirements of your store.

In order to use these viewsets, you will need to use the Views Manager.

Example Viewsets

Each of the viewsets below are free for you to download and use for your own site.  They can also be modified to fit your needs, if that’s what you want to do. 

IMPORTANT NOTE

These viewsets are no longer maintained. You'll find newer versions of sample viewsets in the primary viewset sample project.  They are only here for legacy support.  

It is worth noting that some of these views take advantage of things like Bootstrap and responsive design.  These views do not import those technologies into your CMS pages though.  Your design (skin) that is used on the pages that display these views must do that for you.  In some cases, this might mean creating or installing a new skin as well as the viewset.

Responsive Viewset

Download Responsive Viewset

This is a fully responsive set of views for you to use on your store.  The structure and design of these views have been created to require a minimal amount of work on your site.

The views in this viewset make use of Bootstrap 2, so your CMS pages that display these views should already be importing the dependencies that Bootstrap 2 needs in order to work.  The skin HTML mark-up and CSS should also be created with the Bootstrap 2 patterns.  You can use the responsive Gravity Skin if you don’t already have Bootstrap added to your skin.

Social Spokes Viewset

Download Social Spokes Viewset

This viewset is the one that we use on our Social Spokes demo store.  It is a fully responsive set of views for you to use on your store.  Although, it has modifications that are specific to the Social Spokes demo store.  This would be a good reference for you to see how we customized the views to make the demo store look and feel the way it does.

The views in this viewset make use of Bootstrap 2, so your CMS pages that display these views should already be importing the dependencies that Bootstrap 2 needs in order to work.  The skin HTML mark-up and CSS should also be created with the Bootstrap 2 patterns.  You can use the responsive Gravity Skin if you don’t already have Bootstrap added to your skin.