ItemsBoughtWith_Listing Widget

The ItemsBoughtWith_Listing widget lists items that other shoppers bought with the current item. The current item’s stock code is normally determined from the item-detail page URL.

Add the widget to an item page

<Control src="LoadWidgetControl.ascx"
    FileLocation="ItemsBoughtWith_Listing.html"
    Options="maxItemsToShow: 10,
        headlineText: 'Shoppers who buy this, buy these...'" />

Widget options

Option	Default	Valid values or format	Effect
maxItemsToShow Number	10	Positive integer	Limits the number of related items shown.
widgetHeight String	'100%'	Percentage or pixels	Sets the list height and allows scrolling when needed.
headlineText String	'Shoppers who buy this, buy these...'	Text	Sets the listing heading.
stockCode String	Not specified	Stock code	Overrides the item determined from the page URL.
photoWidth Number	80	Pixels	Sets item-photo width while retaining proportional height.
photoAltText String	Stock code and item name	Text	Sets the item-photo alternative text.
pictureNotFoundImageUrl String	Site photo-not-found image	Image path	Sets the placeholder for unavailable item photos.
photoCssClass String	Not specified	CSS class name	Sets the class for the item-photo element.
detailsCssClass String	Not specified	CSS class name	Sets the class for the detail element.
priceCssClass String	Not specified	CSS class name	Sets the class for the price element.

Validate recommendations

1. Open an item-detail page with purchase-history associations.
2. Confirm the listing is based on the current item, or on the configured stockCode override.
3. Verify the item count, heading, photo fallback, and item links.
4. Confirm displayed item prices and availability match current catalog rules.