To create a ProductSkuRenderer, modify the atg/commerce/custsvc/ui/renderers/
ProductSkuRenderer
component path. The render components that should be extended are atg.commerce.csr.rendering.RenderInfo with atg.commerce.csr.rendering.SkuRenderInfo.

Create new properties that describe how to render each table column. Property names can be actual SKU property names or symbolic names such as price and status. Symbolic properties, or property names that do not represent actual properties of the SKU, specify a JSP in the renderer property.

The ProductSkuRenderer uses the standard pageOptions property to specify form handler, URL properties and other information. The pageOptions properties include:

# JSP fragment that renders the "Add to Cart" button
actionRenderer=/renderers/order/sku/skuBrowserAction.jsp,
# Form handler to use
formHandler=/atg/…/order/CartModifierFormHandler,

The properties variable includes:

properties=viewItem,id,displayName,price,status,quantity

By default, the ProductSkuRenderer page uses skuItem.propertyNameto display the SKU property.

The property renderer specifies optional JSP files that are used to render named cells.

renderer=
  viewItem=/renderers/order/sku/viewItem.jsp,
  price=/renderers/order/sku/skuPrice.jsp,
  status=/renderers/order/sku/inventoryStatus.jsp,
  quantity=/renderers/order/sku/quantityInput.jsp

Each fragment renders its column header and column cell

<c:choose>
  <c:when test="${area == 'cell'}">
    render cell content
  </c:when>
  <c:when test="${area == 'header'}">
    render column header content
  </c:when>
</c:choose>
 
loading table of contents...