jQuery Aurora starter store
The Aurora starter store in WebSphere 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 our 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 WebSphere 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.
3 Rebuild the 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, we must rebuild the store code every time you update it, so that the store can apply our changes. We can trigger a rebuild of the store code by using Grunt plugins.
4 Debug jQuery in the storefront
We 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 we can edit, debug, and monitor CSS, HTML, and JavaScript. It also serves as a network activity and DOM inspector.
See Debugging tools.
- Rebuilding store code
We can rebuild the store code, such as JavaScript and CSS files, by using Grunt plugins.- Debugging tools
We can debug jQuery in the Aurora starter store to help determine the locations of potential problems to resolve.