Ordered Items Column for Magento 2 Admin Sales Grid

What you get

Panth Ordered Items — Order Items Column for Magento 2 Admin Sales Grid

See what was ordered without opening the order. This extension adds a rich "Order Items" column to the Magento 2 admin Sales Order Grid — showing product thumbnails, names, SKUs, quantities, prices, configurable options (size, color), and per-item fulfillment status (pending, invoiced, shipped, refunded, canceled) — all at a glance.

Stop clicking into every order just to see what was purchased. Panth Ordered Items gives store owners instant visibility into order contents directly from the grid. Every detail is admin-configurable — toggle thumbnails, prices, SKUs, fulfillment badges, and more from Stores > Configuration > Panth Extensions > Ordered Items Grid.

Preview

Order Items column showing product thumbnails, names, SKUs, quantities, prices, configurable options, and fulfillment status badges — all inline in the admin order grid.

Paginated Popup for Large Orders (50+ Items)

https://github.com/mage2sk/module-ordered-items/raw/main/docs/order-items-popup-demo.mp4

Orders with 10+ items show a "View all" link that opens a paginated popup with page size selector (10/20/50/All), navigation, thumbnails, SKUs, prices, and fulfillment badges — grid stays compact no matter how many items.

Key Features

• Product Thumbnails — see what was ordered at a glance without opening the order
• Product Names — clickable, opens product editor in a new tab
• SKU Display — instantly identify products by their SKU codes
• Quantity & Pricing — ordered qty, unit price, and row total with dynamic currency
• Configurable Options — shows Size, Color, and other product options inline
• Fulfillment Status Badges — color-coded per-item status: Pending, Invoiced, Shipped, Refunded, Canceled
• Items Summary — total items count and total units badge at the top of each cell
• Collapsible "Show More" — orders with many items show first 3 and a "show more" link
• Click Prevention — clicking the Order Items column does NOT open the order view
• Fully Admin-Configurable — toggle every element on/off from system config
• Dynamic Currency — prices formatted using the order's actual currency (USD, EUR, GBP, etc.)
• Zero Configuration Required — install and it works out of the box with sensible defaults
• MEQP Compliant — passes Adobe Marketplace code quality standards
• Lightweight — no database tables, no cron jobs, no frontend impact

What You See in the Grid

Each order row shows an "Order Items" column with:

┌─────────────────────────────────────────────┐
│ 3 items • 5 units │
│ │
│ [IMG] Savvy Shoulder Tote │
│ SKU: 24-WB05 │
│ Size: M • Color: White │
│ Qty: 2 • $24.00 • $48.00 │
│ INVOICED: 2 SHIPPED: 2 │
│ │
│ [IMG] Endeavor Daytrip Backpack │
│ SKU: 24-WB06 │
│ Qty: 1 • $33.00 • $33.00 │
│ INVOICED: 1 SHIPPED: 1 REFUNDED: 1 │
│ │
│ [IMG] Compete Track Tote │
│ SKU: 24-MB02 │
│ Qty: 2 • $32.00 • $64.00 │
│ PENDING │
│ │
└─────────────────────────────────────────────┘

How It Works

The extension adds a virtual column to the sales_order_grid UI component via XML. The OrderItems column class:

1. Receives each order row's entity_id during prepareDataSource()
2. Loads the order's visible items via OrderRepositoryInterface
3. For each item, renders HTML with thumbnail, name, SKU, options, price, and status
4. Uses event.stopPropagation() to prevent row clicks from navigating away
5. Respects all admin configuration toggles
6. Formats prices using Magento's PriceCurrencyInterface with the order's actual currency

Performance: The column loads order items on-demand when the grid renders. For stores with very high order volumes, consider limiting the grid page size to 20-50 rows.

Fulfillment Status Badges

Each item shows color-coded fulfillment badges:

Multiple badges can appear simultaneously (e.g., "Invoiced: 2, Shipped: 1, Refunded: 1").

Troubleshooting

Compatibility

Installation

Composer (recommended)

composer require mage2kishan/module-ordered-items
bin/magento module:enable Panth_OrderedItems
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento cache:flush

Manual Installation

1. Download and extract to app/code/Panth/OrderedItems/
2. Run the enable commands above

Verify

bin/magento module:status Panth_OrderedItems
# Module is enabled

Navigate to Sales > Orders — the "Order Items" column appears automatically.

Configuration

Navigate to Stores > Configuration > Panth Extensions > Ordered Items Grid.

Every element in the Order Items column is independently toggleable from admin config.

General Settings

Display Options

License

Proprietary — see LICENSE.txt. One license per Magento production installation.