PHPackages                             mage2kishan/module-ordered-items - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Admin Panels](/categories/admin)
4. /
5. mage2kishan/module-ordered-items

ActiveMagento2-module[Admin Panels](/categories/admin)

mage2kishan/module-ordered-items
================================

Panth Ordered Items — adds a rich 'Order Items' column to the Magento 2 admin Sales Order Grid. Displays product thumbnails, names, SKUs, and quantities directly in the grid with a collapsible 'show more' link for orders with many items. No configuration required — install and it works.

1.0.4(1mo ago)7132proprietaryPHPPHP ~8.1.0||~8.2.0||~8.3.0||~8.4.0

Since Apr 16Pushed 1mo agoCompare

[ Source](https://github.com/mage2sk/module-ordered-items)[ Packagist](https://packagist.org/packages/mage2kishan/module-ordered-items)[ Docs](https://kishansavaliya.com)[ RSS](/packages/mage2kishan-module-ordered-items/feed)WikiDiscussions main Synced 1w ago

READMEChangelogDependencies (5)Versions (6)Used By (0)

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

[](#panth-ordered-items--order-items-column-for-magento-2-admin-sales-grid)

[![Magento 2.4.4 - 2.4.8](https://camo.githubusercontent.com/079c832211eed4f9451ebe264e3865f825b0f9f31b041cbf03676c6e254535d4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6167656e746f2d322e342e342532302d2d253230322e342e382d6f72616e67653f6c6f676f3d6d6167656e746f266c6f676f436f6c6f723d7768697465)](https://magento.com)[![PHP 8.1 - 8.4](https://camo.githubusercontent.com/56b3cce18841623e2cbed2ebf09b06be1be8807e99e6e054a89d304ab4790b8e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e312532302d2d253230382e342d626c75653f6c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://php.net)![License: Proprietary](https://camo.githubusercontent.com/958a686bca30b64428b7c382fde17cb2f6457efe3d39db6fe0c8e6fa45623276/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d50726f70726965746172792d726564)[![Packagist](https://camo.githubusercontent.com/4a0da2cb0cfea7d66ca0782f9fbe06300402778f4fcecd52e7ba4242621dbf85/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5061636b61676973742d6d616765326b697368616e2532466d6f64756c652d2d6f7264657265642d2d6974656d732d6f72616e67653f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/mage2kishan/module-ordered-items)[![Upwork Top Rated Plus](https://camo.githubusercontent.com/6f72584179420c41ed90432fd2579a4ed36199d4229e8181d20f353c1c4ee4eb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5570776f726b2d546f702532305261746564253230506c75732d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21)[![Panth Infotech Agency](https://camo.githubusercontent.com/401a792e990131002e91054d1b04494af5a2152fcc891ca000eb683786770abf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4167656e63792d50616e7468253230496e666f746563682d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/)[![Website](https://camo.githubusercontent.com/f1ae86d28e2b505aee60f240d3e5508e390b0a8dc7a9b7ecf1b450fad862053f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f576562736974652d6b697368616e736176616c6979612e636f6d2d304439343838)](https://kishansavaliya.com)[![Get a Quote](https://camo.githubusercontent.com/0b6c02cc1ad00f11bf1b0164a9998734bd716473db36cc2a5c1517e3d3578d1b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4765742532306125323051756f74652d46726565253230457374696d6174652d444332363236)](https://kishansavaliya.com/get-quote)

> 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
-------

[](#preview)

[![Panth Ordered Items — Order Grid Preview](docs/order-items-grid-preview.png)](docs/order-items-grid-preview.png)

*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)

[](#paginated-popup-for-large-orders-50-items)

*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?
------------------------------------

[](#-need-custom-magento-2-development)

 [ ![Get a Free Quote](https://camo.githubusercontent.com/eac8c45d21cff8b139ddc392325f3bd6c8266a6f3d7b23f15131c958f3d3c8d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476574253230612532304672656525323051756f74652532302545322538362539322d5265706c7925323077697468696e2532303234253230686f7572732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote)

### 🏆 Kishan Savaliya

[](#-kishan-savaliya)

**Top Rated Plus on Upwork**

[![Hire on Upwork](https://camo.githubusercontent.com/b69353d3c6e192f4d03cc36bb8883612004e32f54dd2dbcc1e700dd791acd875/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532306f6e2532305570776f726b2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21)

### 🏢 Panth Infotech Agency

[](#-panth-infotech-agency)

[![Visit Agency](https://camo.githubusercontent.com/bbf04bdd2aff502082508568ec42ace3a7475c98756f596e2013056c89726ed6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742532304167656e63792d50616e7468253230496e666f746563682d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/)

---

Table of Contents
-----------------

[](#table-of-contents)

- [Key Features](#key-features)
- [What You See in the Grid](#what-you-see-in-the-grid)
- [Compatibility](#compatibility)
- [Installation](#installation)
- [Configuration](#configuration)
- [How It Works](#how-it-works)
- [Troubleshooting](#troubleshooting)
- [FAQ](#faq)
- [Support](#support)

---

Key Features
------------

[](#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 &amp; 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
------------------------

[](#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
-------------

[](#compatibility)

RequirementVersions SupportedMagento Open Source2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce Cloud2.4.4 — 2.4.8PHP8.1, 8.2, 8.3, 8.4Panth Core^1.0 (installed automatically)---

Installation
------------

[](#installation)

### Composer (recommended)

[](#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

[](#manual-installation)

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

### Verify

[](#verify)

```
bin/magento module:status Panth_OrderedItems
# Module is enabled
```

Navigate to **Sales &gt; Orders** — the "Order Items" column appears automatically.

---

Configuration
-------------

[](#configuration)

Navigate to **Stores &gt; Configuration &gt; Panth Extensions &gt; Ordered Items Grid**.

[![Admin Configuration — Ordered Items Grid](docs/admin-config-preview.png)](docs/admin-config-preview.png)

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

### General Settings

[](#general-settings)

SettingDefaultDescriptionEnable Order Items ColumnYesShow/hide the column in the order gridMax Visible Items3Items shown before the "show more" link### Display Options

[](#display-options)

SettingDefaultDescriptionShow Product ThumbnailYesProduct image in each item rowShow SKUYesProduct SKU codeShow PriceYesUnit price and row total with dynamic currencyShow QuantityYesOrdered quantity badgeShow Product OptionsYesSize, Color, and other configurable attributesShow Fulfillment StatusYesInvoiced/Shipped/Refunded/Canceled badgesShow Items SummaryYesTotal items and units count badgeLink Product NameYesClick product name to open editor in new tab---

How It Works
------------

[](#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
-------------------------

[](#fulfillment-status-badges)

Each item shows color-coded fulfillment badges:

BadgeColorMeaning**Pending**GrayNot yet invoiced or shipped**Invoiced: N**BlueN items invoiced**Shipped: N**GreenN items shipped**Refunded: N**AmberN items refunded**Canceled: N**RedN items canceledMultiple badges can appear simultaneously (e.g., "Invoiced: 2, Shipped: 1, Refunded: 1").

---

Troubleshooting
---------------

[](#troubleshooting)

IssueSolutionColumn not visibleCheck Stores &gt; Config &gt; Panth Extensions &gt; Ordered Items Grid &gt; Enable = YesColumn visible but emptyRun `bin/magento setup:di:compile && bin/magento cache:flush`Thumbnails show placeholderProducts may not have images uploaded, or images need reindexingPrices show wrong currencyThe column uses the order's currency — verify the order was placed with the correct currency"show more" link not workingClear browser cache and static content: `bin/magento setup:static-content:deploy -f`Column too wideAdjust max\_visible to show fewer items, or disable some display options---

FAQ
---

[](#faq)

### Does this slow down the order grid?

[](#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?

[](#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?

[](#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?

[](#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?

[](#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?

[](#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
-------

[](#support)

ChannelContactEmailWebsite[kishansavaliya.com](https://kishansavaliya.com)WhatsApp+91 84012 70422GitHub Issues[github.com/mage2sk/module-ordered-items/issues](https://github.com/mage2sk/module-ordered-items/issues)Upwork (Top Rated Plus)[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)Upwork Agency[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)### Need Custom Magento Development?

[](#need-custom-magento-development)

 [ ![Get a Free Quote](https://camo.githubusercontent.com/0d9512dc4f89ef40179e9f650fd0786b6bc846d289ab2cb04a223a43f2833eeb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253932254143253230476574253230612532304672656525323051756f74652d6b697368616e736176616c6979612e636f6d2532466765742d2d71756f74652d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote)

---

License
-------

[](#license)

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

---

About Panth Infotech
--------------------

[](#about-panth-infotech)

Built and maintained by **Kishan Savaliya** — [kishansavaliya.com](https://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](https://packagist.org/packages/mage2kishan/) and the [Adobe Commerce Marketplace](https://commercemarketplace.adobe.com).

### Quick Links

[](#quick-links)

- 🌐 [kishansavaliya.com](https://kishansavaliya.com)
- 💬 [Get a Quote](https://kishansavaliya.com/get-quote)
- 👨‍💻 [Upwork Profile](https://www.upwork.com/freelancers/~016dd1767321100e21)
- 🏢 [Panth Infotech Agency](https://www.upwork.com/agencies/1881421506131960778/)
- 📦 [All Packages on Packagist](https://packagist.org/packages/mage2kishan/)
- 🐙 [GitHub](https://github.com/mage2sk)

---

**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

###  Health Score

45

—

FairBetter than 91% of packages

Maintenance94

Actively maintained with recent releases

Popularity14

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~5 days

Total

5

Last Release

32d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/343e344aa298f189db888b32d62f9202d31ced1a5ea23411850a63dc4a30299c?d=identicon)[kishansavaliya](/maintainers/kishansavaliya)

---

Top Contributors

[![KishanSavaliya](https://avatars.githubusercontent.com/u/16853223?v=4)](https://github.com/KishanSavaliya "KishanSavaliya (12 commits)")

---

Tags

magento2magento2 moduleadmin Gridpanthorder-gridordered-itemssales-gridorder-items-column

### Embed Badge

![Health badge](/badges/mage2kishan-module-ordered-items/health.svg)

```
[![Health](https://phpackages.com/badges/mage2kishan-module-ordered-items/health.svg)](https://phpackages.com/packages/mage2kishan-module-ordered-items)
```

###  Alternatives

[mollie/magento2

Mollie Payment Module for Magento 2

1131.8M12](/packages/mollie-magento2)[run-as-root/magento2-prometheus-exporter

Magento2 Prometheus Exporter

68353.9k](/packages/run-as-root-magento2-prometheus-exporter)[loki/magento2-admin-components

Admin Panel grids and forms created via Loki Components

173.7k7](/packages/loki-magento2-admin-components)[opengento/module-category-import-export

This module add the capability to import and export the categories from the back-office.

1310.2k1](/packages/opengento-module-category-import-export)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
