Stacked List
Suggested products in a vertical stacked list with thumbnail, name, and price. Fits a narrow sidebar or cart drawer to keep cross sells visible.
Suggested products in a vertical stacked list with thumbnail, name, and price. Fits a narrow sidebar or cart drawer to keep cross sells visible.
Search blocks by description or jump to a page.
Stacked List is a narrow cross-sell panel. A "You might also like" heading sits above a vertical stack of cards, one per suggested product. Each card holds a small square thumbnail on the left, a product name and price in the centre, and a compact "Add" button pinned to the right edge. The list renders inside a constrained column, so the whole panel fits naturally in a sidebar or a cart drawer without competing with the main content area.
The heading copy, the number of products in the list, and the thumbnail, name, and price for each item are all independent. You can trim the list to two items for a tight sidebar or expand it to five or six for a wider drawer. Remove any product entry that is not relevant and the layout adjusts without any structural changes.
Reach for this block when you need cross-sell suggestions in a constrained horizontal space. It works best alongside a cart drawer, a checkout summary column, or a product page sidebar where a full grid would feel too heavy. For a storefront brand selling accessories or companion products, the compact row layout keeps suggestions visible without pulling the shopper off the path to purchase. When you have more horizontal room and want each product to carry a stronger visual, the Simple Grid is a better fit.
A natural flow around it on an Ecommerce page:
Before
After
The block is built for compact companion product suggestions. A few concrete ways to fill it:
Tip: keep the list to three or four items so the panel stays short enough to sit fully visible in a sidebar without requiring the shopper to scroll.