Powered by Adobe Commerce 2.4.3


Configurable Product Grid View



Back to top

Mageplaza Configurable Product Grid View for Magento 2 is a useful tool that helps decrease abandoned carts and increase sales for online stores. This extension enables store owners to display multiple children or configurable products on a table. Then, all products neatly display in a table grid on the page, so customers can easily view products and add as many items as they want to the cart at once. 

Mageplaza Configurable Product Grid View shortens the time of this process by making all options of product variants available in a table grid. After selecting those child products, shoppers can add all items to their carts at once. This improvement significantly removes time-wasting mouse clicks for customers and accelerates their purchasing process. Besides, the grid table includes the stock status of products: the remaining quantity or out of stock status. It is also convenient for customers to select items based on the current number of products available in addition to product variants. What’s more, store owners can choose to display variants differently based on devices, as well as on customer groups. 


  • Show configurable product options in a table grid 
  • Add multiple products to the shopping cart at once 
  • Display stock status of all associated products
  • Show price details of configurable products
  • Optimize display on every device 
  • Able to apply by customer groups 
  • Compatible with Mageplaza Better Change Qty, Configurable Product Preselect, Quick View, Tier Price 

Problems & Solutions

Simplify necessary steps in the customer journey

To attract customers and persuade them to make purchase decisions quickly, stores need to cut down every step in the customer journey. When stores require customers to select product variants in drop-down or horizontal lists, they may leave due to inconvenience. With Mageplaza Configurable Product Grid View, selection steps are minimized to enhance user experience. 

Solution for wholesalers

Wholesalers often buy a large number of products. That is why choosing variants one by one can be time-consuming. Mageplaza Configurable Product Grid View module allows them to view options clearer, select quantity, and add items to the cart instantly. This could save them a huge amount of time and increase sales accordingly. 

Highlight Features

Show Configurable Product Variants in a grid table 

In Magento Default, product options display in the drop-down or horizontal list. So it is inconvenient for customers to select the items they want because they need to choose each option for the product they need. With Configurable Product Grid View, all product options such as size, color, quantity, and SKU are exposed in a table grid. 

These features cut down the times of mouse clicks to select product options. Instead, in the table grid, customers only need to choose the quantity of the item and click add to cart. The buying process is much quicker accordingly.

Add Multiple Children Products To Cart 

With Configurable Product Grid View, each option is equivalent to a single item being selected. After choosing variants for items in the table, you can add them to the shopping cart at once with a click. This feature also facilitates the buying process for customers and saves time for wholesalers or those who usually purchase a large number of goods. 

Display Stock Status Of All Items

Another helpful feature of this extension is that it allows the store admin to display the stock status of each product right on the table grid in addition to other attributes. Buyers can quickly figure out whether their wanted items are available and proactively select the proper quantity. Or, they can skip to other products if the one they pick is out-of-stock. 

Show Details Of Product's Price

At the table grid of products, customers not only can see the price of each item but also the other price, which has been calculated based on the changes of variants they make. In particular, there four types of the price you will see: 

  • Unit price: the original price of each product
  • Special price: the price of the product when discounted 
  • Tier price: the unit price of each children product based on the total quantity selected
  • Subtotal: The total price of all children products added to the cart 

Optimize Display On Multiple Devices

The display of each device is different. For a product table grid, each type allows a certain amount of information to be shown beautifully on the site. Be aware of this limitation; we develop Configurable Product Grid View to enable the store admin to select essential information/attributes appearing in the table grid flexibly. These attributes can include stock quantity, product SKU, subtotal, unit price, tier price, and special price.

More Features

Restrict Customer Groups

The module allows displaying a configurable product grid to specific customer groups.

Total Summary

The store admin can show a summary of the total quantity and value of selected configurable products right on the table grid.

Tooltip For Explanation

With tier price, when hovering the mouse over the icon of the price, the tooltip will appear.

Extension Compatibility

The module is well compatible with Mageplaza Change Qty, Quick View, Tier Price, and Image Optimizer

Full Feature List

For Store Admins

  • Turn on/turn off the module
  • Assign specific customer groups to see the product table grid
  • Choose the columns to display on PC, mobile, and tablet version
  • Display summary including the total quantity and value of selected products
  • Display/hide out-of-stock items

For Customers

  • Save time to select products
  • Improve experiences at online stores
  • Helpful for buyers who make a bulk purchase


Q1: I want to show the discount price at the grid table. Can I do this?

A: Of course you can. You also can show various price types such as unit price, tier price, or special price.

Q2: Can I add all items instantly after selecting quantities?

A: Yes, you can enable the ‘Add All To Cart’ button in the backend so that the button will be shown in the frontend.

Q3: Is it possible to show or hide some columns?

A: Yes, you can configure the columns you want to display in the backend. Different information can be shown on different devices (PC, Tablet, or Mobile).

Q4: Can I limit the table view by customer groups?

A: You can select specific customer groups for the configurable grid table view.

Q5: Is this module compatible with the Quick View extension?

A: When you install the Quick View extension, there will be a search button at each Simple Product. Then, when customers click on that button, a popup will be displayed to select multiple child products.

Q6: Can I show the total summary after customers select products?

A: Yes, you need to select ‘Yes’ at the ‘Total Summary’ section to display the list of the selected products.  


Frontend | Backend


User Guide | Installation Guide

Technical Specifications

Back to top

Seller profile


Seller contact



Current Version


Adobe Commerce platform compatibility

Open Source (CE): 2.3 (current), 2.4 (current), 2.2 (obsolete)

Commerce on prem (EE): 2.3 (current), 2.4 (current), 2.2 (obsolete)


Stable Build


29 June, 2021


Extensions, Content & Customizations, Personalization & Experience Management, Product Content, Site Search & Navigation

Quality Report

Back to top

Installation & Varnish Tests


Coding Standard


Plagiarism Check


Malware Check


Marketing Review


Manual Testing


All tests were conducted on the latest versions of Adobe Commerce that existed for the compatible release lines at the moment of the extension submission. Latest versions of all other software were used, as applicable.

Release Notes

Back to top


  • Compatible with Open Source (CE) : 2.4
  • Compatible with Commerce on prem (EE) : 2.4
  • Stability: Stable Build
  • Description:

    Supported Magento v2.4


  • Compatible with Open Source (CE) : 2.2 2.3
  • Compatible with Commerce on prem (EE) : 2.2 2.3
  • Stability: Stable Build
  • Description:

    Initial release


Back to top

The best place to start if you need help with a specific extension is to contact the developer. All Adobe Commerce developers have both a contact email and a support email listed.

Contact Vendor

Q & A

Back to top


Back to top