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.

🚀 Need Custom Magento 2 Development?

🏆 Kishan Savaliya

Top Rated Plus on Upwork

🏢 Panth Infotech Agency

Table of Contents

• Key Features
• What You See in the Grid
• Compatibility
• Installation
• Configuration
• How It Works
• Troubleshooting
• FAQ
• Support

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                              │
│                                             │
└─────────────────────────────────────────────┘

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

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

FAQ

Does this slow down the order grid?

Minimally. The column loads order items for each visible row (typically 20-50 orders). For very large catalogs, you can disable thumbnails to reduce image loading.

Does it work with configurable, bundle, and grouped products?

Yes. Configurable products show their selected options (Size, Color). Bundle products show their bundle selections. Grouped products show individual items.

Can I disable specific elements like prices or SKUs?

Yes. Every element is independently toggleable from admin config. You can show only thumbnails and names if you prefer a minimal view.

Does it modify the sales_order_grid database table?

No. The column is purely virtual — it renders at display time using the order repository. No database schema changes.

Does it work with third-party order management extensions?

Yes. It reads from Magento's standard OrderRepositoryInterface and does not modify any order data.

Will it conflict with other grid customization extensions?

No. It adds a new column without modifying existing columns. It uses Magento's standard UI component extension mechanism.

Support

Need Custom Magento Development?

License

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

About Panth Infotech

Built and maintained by Kishan Savaliya — kishansavaliya.com — Top Rated Plus Magento developer on Upwork with 10+ years of eCommerce experience.

Panth Infotech specializes in high-quality Magento 2 extensions and themes for Hyva and Luma storefronts. Browse our full catalog of 35+ extensions on Packagist and the Adobe Commerce Marketplace.

Quick Links

• 🌐 kishansavaliya.com
• 💬 Get a Quote
• 👨‍💻 Upwork Profile
• 🏢 Panth Infotech Agency
• 📦 All Packages on Packagist
• 🐙 GitHub

SEO Keywords: magento 2 order grid, order items column, admin order grid enhancement, magento 2 ordered items, sales grid product thumbnails, order grid fulfillment status, magento 2 admin customization, order items in grid, panth ordered items, magento 2 order details grid, magento 2.4.8 order grid, order grid sku display, order grid product options, magento admin order enhancement, mage2kishan, panth infotech, hire magento developer, top rated plus upwork, magento 2 extension developer