Dynamic kit details page

In the responsive dynamic kit details page, customers can view complete and detailed information about a dynamic kit. To use this page, your store must be integrated with Sterling Commerce and you must enable Sterling Configurator. Customers can click a Configure button on the page that opens a configuration page. The configuration page calls Sterling Configurator to enable customers to configure the dynamic kit.

The right side of the layout contains the Predefined Dynamic Kit List widget. This widget displays any predefined dynamic kits that are associated to the dynamic kit. Customers can open each predefined dynamic kit to see its details.

This page is managed in the Commerce Composer tool.

Screen captures

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

Note: To reduce scrolling, the following screen captures are cropped. For full-sized screen captures, see the link after the mobile screen capture.

Desktop screen capture


Desktop screen capture

Tablet screen capture


Tablet screen capture

Mobile screen capture


Mobile screen capture

Full size screen captures

Layout, template, and page information

In the Aurora starter store, the dynamic kit details pages use the default layout for their page type. The default layout contains Commerce Composer widgets, but Management Center users cannot open the default layout in the Commerce Composer tool to change the widgets in the layout. Default layouts are managed by IT developers. However, several of the widgets in the default layout contain e-Marketing Spots that Management Center users can manage in the Marketing tool. If the default layout is not appropriate, in the Commerce Composer tool, Management Center users can create a layout and assign it to the applicable dynamic kit pages.
Note: In the Aurora sample catalog data for a B2C store, a layout named DynamicKitPageLayout is assigned to the Electronics category. This layout uses the same wireframe and widgets as the default layout for dynamic kit pages.

Wireframe

The following wireframe represents the responsive Catalog entry page layout that is used for the default layout for dynamic kit pages:


Wireframe for the kit details page default layout

Widget information

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

Widget information
Slot Widget Type E-Marketing Spot or Content Name
1 Breadcrumb Trail widget (not applicable)
2 E-Marketing Spot widget (Common) HeaderLeftAdvertisement
3 E-Marketing Spot widget (Common) HeaderRightAdvertisement
4 Full Image widget (not applicable)
5 Name, Part Number, and Price widget (not applicable)
5 Discounts widget (not applicable)
5 Short Description widget (not applicable)
6 Add to Requisition List widget (not applicable)
6 Facebook Like widget (not applicable)
6 Defining Attributes widget (not applicable)
6 Shopper Actions widget (not applicable)
8 Merchandising Associations widget (not applicable)
8 Predefined Dynamic Kit List widget (not applicable)
Title 9 Text Editor widget (not applicable)
Tab 9 Long Description widget (not applicable)
Tab 9 Descriptive Attributes widget (not applicable)
Tab 9 Components widget (not applicable)
Tab 9 Associated Assets widget (not applicable)
Title 10 Text Editor widget (not applicable)
Tab 10 E-Marketing Spot widget (page-specific) [page_name]ProductRight_CatEntries

JSP files

The DynamicKitDisplay.jsp file defines the entire page.

The Commerce Composer widgets that are included in this layout are defined by the following top-level JSP files:

  • BreadrcrumbTrail.jsp file
  • EMarketingSpot.jsp
  • FullImage.jsp file
  • NamePartNumberAndPrice.jsp file
  • Discounts.jsp file
  • ShortDescription.jsp file
  • AddToRequisitionLists.jsp file
  • FacebookLike.jsp file
  • DefiningAttributes.jsp file
  • ShopperActions.jsp file
  • MerchandisingAssociations.jsp file
  • PDKList.jsp file
  • Components.jsp file
  • LongDescription.jsp file
  • DescriptiveAttributes.jsp file
  • AssociatedAssets.jsp file
  • ContentRecommendation.jsp file (defines the Text Editor widget)