Home
Documentation
HCL Commerce is a high-availability, highly scalable and customizable e-commerce platform. Able to support hundreds of thousands of transactions per day, HCL Commerce allows you to do business with consumers (B2C) or directly with businesses (B2B). HCL Commerce uses cloud friendly technology to make deployment and operation both easy and efficient. It provides easy-to-use tools for business users to centrally manage a cross-channel strategy. Business users can create and manage precision marketing campaigns, promotions, catalog, and merchandising across all sales channels. Business users can also use AI enabled content management capabilities.
Samples
Topics in the Samples category highlight the various samples that are provided with HCL Commerce.
Store samples
HCL Commerce includes sample storefront designs that illustrate the use of the remote store model.
Next.js starter store
The Next.js store offers customizable features for storefronts using the Next.js framework. It uses the same data template as the ReactJS stores and supports business-to-consumer (B2C) and business-to-business (B2B) use cases. The store includes pages for browsing, shopping, checkout, and account management, and uses Elasticsearch for search functions.
Kit details page of Next.js store (B2C and B2B)
A kit is a collection of items that are sold together as one catalog entry. The default layout for the page displays the kit name, image, price, short description, long description, descriptive attributes, and more. Users can check inventory availability for the kit and add the kit to their cart or current order.

Documentation
HCL Commerce is a high-availability, highly scalable and customizable e-commerce platform. Able to support hundreds of thousands of transactions per day, HCL Commerce allows you to do business with consumers (B2C) or directly with businesses (B2B). HCL Commerce uses cloud friendly technology to make deployment and operation both easy and efficient. It provides easy-to-use tools for business users to centrally manage a cross-channel strategy. Business users can create and manage precision marketing campaigns, promotions, catalog, and merchandising across all sales channels. Business users can also use AI enabled content management capabilities.
- Getting started
  HCL Commerce has different advantages for business users, administrators and developers. HCL Commerce targets each of these roles with a tailored set of offerings so that each of your users can get maximum benefit.
- Installing and deploying
  Learn how to install and deploy HCL Commerce development environments and HCL Commerce production environments.
- Migrating
  Before you migrate to HCL Commerce Version 9.1, review this information to help plan and execute your migration.
- Operating
  Topics in the Operating category highlight tasks that are typically performed by business users, customer support representatives, to complete their day-to-day tasks in the operation of the HCL Commerce site.
- Integrating
  Topics in the Integrating category highlight the tasks that are commonly performed for using HCL Commerce in combination with other products.
- Administering
  Topics in the Administering category highlight tasks that are typically performed by the Site Administrator, to support daily operations of the HCL Commerce site.
- Customizing
  The topics in the Customizing section describe tasks performed by an application developer to customize HCL Commerce.
- Tutorials
  HCL Commerce provides many tutorials to help you customize and understand your HCL Commerce instance and stores.
- Samples
  Topics in the Samples category highlight the various samples that are provided with HCL Commerce.
  - Store samples
    HCL Commerce includes sample storefront designs that illustrate the use of the remote store model.
    - Aurora starter store
      The Aurora starter store showcases the latest in storefront features, and models best practices in store development, demonstrating a wide scope of retail scenarios. Simplify your responsive B2C or B2B web store implementation and reduce your time-to-market by using the Aurora starter store as your development base.
    - Extended sites starter store
      Use an extended sites starter store to get started on setting up an extended sites solution that will allow your selling organization to provide unique storefronts for different enterprise customers or showcase a number of branded storefronts.
    - Reference React stores
      The Store SDK includes a reference B2C (Emerald) store application and a reference B2B (Sapphire) store application. Use these Reference Store applications to develop and deploy your own React Store applications.
    - Next.js starter store
      The Next.js store offers customizable features for storefronts using the Next.js framework. It uses the same data template as the ReactJS stores and supports business-to-consumer (B2C) and business-to-business (B2B) use cases. The store includes pages for browsing, shopping, checkout, and account management, and uses Elasticsearch for search functions.
      - B2C Next.js starter store
        The Ruby store (B2C) is built on the Next.js framework, ensuring seamless browsing, easy navigation, and secure transactions. Notably, this new storefront provides server-side rendered pages to assist with Search Engine Optimization (SEO) and page previews.
      - Multiple Extended Site (eSite) access
        The Next.js store supports multiple eSite access with a single deployment.
      - Locating a nearby store using the Store Locator feature
        The Store Locator feature allows the shopper to easily locate a physical store of their choice by using online maps. This feature is especially designed to enable them to physically pick up the products bought online, from a store of their choice.
      - Using the Buy Online Pickup In Store (BOPIS) feature
        The BOPIS feature allows the user to pick up the products purchased online from a physical store of their choice, without any pickup charges.
      - Multiple languages for Next.js store
        The Next.js store applications (Ruby and Ruby B2B) support multiple languages.
      - Product compare feature
        The product compare feature allows you to compare items from the Product Listing Page (PLP) in tabular form on a dedicated screen.
      - Kit details page of Next.js store (B2C and B2B)
        A kit is a collection of items that are sold together as one catalog entry. The default layout for the page displays the kit name, image, price, short description, long description, descriptive attributes, and more. Users can check inventory availability for the kit and add the kit to their cart or current order.
      - Bundle details page of Next.js store (B2C and B2B)
        The Bundle page displays various combinations of items (bundles) in tabular form, which allows you to select attributes for products and their variants. The default layout for the page displays the bundle name, image, price, short description, long description, descriptive attributes, and more. Users can check inventory availability for the components in the bundle and add the bundle to their cart or current order.
      - Checkout
        The checkout page displays the shipping and payment details for the items in the shopping cart.
      - B2B Next.js starter store
        The Next.js store application is enabled for B2B e-commerce. The sample B2B storefront is called Ruby B2B. The B2B Next.js store features include B2B features, in addition to all of the available features in the B2C storefront, with the exception of guest-user shopping flows.
  - Access control policy samples
    The following access control policy samples show you how some basic access control policies can be used in the development environment, so that you can quickly test new resources. They are not designed to be used as-is on an HCL Commerce production environment, as they do not provide adequate resource protection.
- Compliance
  The following section describes how you can leverage HCL Commerce features and functionality to help your site be compliant with different privacy and security standards.
- Securing
  These topics describe the security features of HCL Commerce and how to configure these features.
- Performance
  Topics in the Performance section describe the means by which to plan, implement, test, and re-visit the optimization of HCL Commerce site performance.
- Troubleshooting
  Topics in the Troubleshooting section highlight common issues that are encountered with HCL Commerce, and how they can be addressed or mitigated.
- Reference
  Topics in the Reference section contain all of the HCL Commerce reference documentation.

HCL Commerce Version 9.1.14.0 or later

Kit details page of Next.js store (B2C and B2B)

A kit is a collection of items that are sold together as one catalog entry. The default layout for the page displays the kit name, image, price, short description, long description, descriptive attributes, and more. Users can check inventory availability for the kit and add the kit to their cart or current order.

On the kit details page, users can view detailed information about a kit. The user cannot remove components from the kit due to its unique SKU.

Screen captures

The following screen captures show how the responsive kit details page adapts to desktop, tablet, and mobile devices.

Note: The following screen captures have been cropped to reduce scrolling. For full-sized screen captures, see Full size screen captures.

Desktop screen capture

Desktop screen capture

Tablet screen capture

Tablet screen capture

Mobile screen capture

Mobile screen capture

Layout, template, and page information

In the Next.js starter store, the kit pages use the default layout for their page type. The default layout includes Page Composer widgets. However, Management Center users cannot open the default layout in the Page Composer tool to modify the widgets. Default layouts are managed by IT developers inside the Next.js store. Although some widgets in the default layout contain e-Marketing Spots, Management Center users can manage them using the Marketing tool. If the default layout is not suitable, Management Center users can create a layout in the Page Composer tool and assign it to the relevant kit pages.

Widget information

The following Page Composer widgets are included in the default layout for the responsive kit details page:

Breadcrumb Trail: It displays the breadcrumb trail on the catalog entry page.
Kit Widget: It displays the kit details and the product information on the product page.
Related Products: It is also known as the Merchandise Association widget, it displays a merchandising association on the product or category page.

For more details on Page Composer widgets, refer to Widgets for Page Composer.