Widget: [#ALSO_BOUGHT#]

USAGE

[#ALSO_BOUGHT?5&IMAGE=MINI#] where 5 is the number of items to return, and mini specifies the dimensions of the image to be returned (mini/thumb/large)

BEHAVIOUR

Returns as many 'customer also bought' items as you specify as an unordered list. As per the other product listing widgets, they are styled by means of common classes, but each widget has an individual ID in the containing DIV and a set of its own class names.

CONTEXT

index.html product.html product_listing.html category descriptions

SCREENSHOT

NOTES

SEE ALSO:

Product Listing Widgets

/* CHUNK: ALSO_BOUGHT (1) */
#widget_also_bought { border: 1px solid #c4c1bc; margin: 10px 0; }
#widget_also_bought .widget-head { background: #f1f1f1; border-bottom: 1px solid #dddddd; padding: 3px 5px; }
#widget_also_bought .widget-head .span {}
#widget_also_bought .widget-body { padding: 5px; }
#widget_also_bought ul { list-style-type: none; padding: 0; }
#widget_also_bought ul li { border-bottom: 1px solid #e7e7e7; clear: both; display: block; overflow: auto; padding: 5px 0; }
#widget_also_bought ul .last { border-bottom: none; padding-bottom: 0; }
#widget_also_bought .pul-image { float: left; margin: 0 10px 0 0; }
#widget_also_bought .pul-image img { border: none; }
#widget_also_bought .pul-name { display: block; }
#widget_also_bought .price {}
.also-bought-msg {}