jQuery Aurora starter store

The Aurora starter store in HCL Commerce is completely written in jQuery, which is one of the most commonly used JavaScript libraries used in dynamic websites. The jQuery AJAX and events API provides an easy to use framework that meets most AJAX requirements for storefront development.

The following flow exists when working with the jQuery Aurora starter store:

1 Create your custom jQuery store

The store assets contain the organization structure, predefined user roles, and access control policies necessary to create either a B2C storefront asset store or a B2B storefront asset store in the Extended Sites business model.

2 Work with the jQuery Enhancements API

The HCL Commerce jQuery Enhancements API provides interactions within the starter store under the following categories:
AJAX framework
The AJAX framework helps determine the refresh areas of pages, and the content that populates them. The framework helps track the status of store pages, and the content that is generated when customers interact with the store.
User interface widgets
The user interface widgets in the Aurora starter store create a versatile, customer-friendly store. They add new functionality, changing the appearance and interaction experience in the store.

For more information, see jQuery Enhancements API.

3 Rebuild your store code

For optimal store performance, all JavaScript and CSS files are kept to a minimum inside the store and widget directories. As a result, you must rebuild your store code every time you update it, so that the store can apply your changes. You can trigger a rebuild of your store code by using Grunt plugins.

For more information, see Rebuilding store code.

4 Debug jQuery in the storefront

You can debug jQuery in the Aurora starter store to help determine the locations of potential problems to resolve. The recommended approach is to use the Mozilla Firefox with the Firebug add-on. This approach is available as an optional free browser add-on, and lets you can edit, debug, and monitor CSS, HTML, and JavaScript. It also serves as a network activity and DOM inspector.

For more information, see Debugging tools.