How To Display Magento 2 Configurable Products On Matrix/Grid Table?

An improved shopping experience increases customer satisfaction and sales. Wholesalers often purchase in a large number of configurable products, and they do not want to buy one by one because of wasting a lot of time and effort.

What Is Configurable Product?

A configurable product contains a list of options for each variation. Each option is a simple product with a unique SKU, which makes it possible to track inventory for each product variation.

You could have a similar effect by using a simple product with custom options, without the ability to track inventory for each variation. But, creating simple products for each custom option can take a lot of time. That is where a configurable product is useful because it allows creating one product with multiple options instead of creating a lot of simple products.

How Are Configurable Products Displaying In Magento 2 By Default?

For example, you sell t-shirts. Each t-shirt has sizes and colors. Let say, we've got five sizes and three color variations. They will display as to below:

Default Display

Shoppers have to select product variations one-by-one, step-by-step, and add to the shopping cart. In the end, it increases the ordering time and abandoned cart.

By default, Magento 2 platform does not offer the ability to display configurable product options in the form of a grid or matrix table. If you want to improves the default display of configurable products by allowing shoppers to add multiple configurable items to the cart at once and order quickly, you can try the  Configurable Product Matrix/Grid Table Extension For Magento 2 by Ulmod.

What Are The Benefits Of Using Configurable Product Matrix/Grid Table Extension?

The extension enhances the default Magento 2 display and allows shoppers to view and choose the desired option from the matrix or grid table. Shoppers can add multiple product variants or children to cart with a single click and order in bulks.

The extension supports two layouts to display variations/children of configurable products: Matrix table and Grid table layout. Stores admins can show old prices, special price, tier price, subtotal, total, stock status, and number. The extension auto-calculate subtotal, total summary, and tier price.

Also, store admins can restrict the matrix/grid table display per product, customer group, and store views.

Matrix/grid table display

How To Use Configurable Product Matrix/Grid Table Extension?

BACKEND

The extension settings include two sections: General and Display.

The first section allows you to enable/disable the Configurable Product Matrix/Grid extension, decide whether to display a matrix table to all configurable products or per specific configurable product, select customer groups for which you want to show the matrix table functionality.

Settings

In the second section, you can choose the layout type to display variations/children or configurable products: Layout1 (Matrix View) or Layout2(Grid View).

Also, you can show or hide stock status & qty, tier price tooltip, old price, subtotal, total summary (summary total and qty of selected variations/items), and the reset button on the matrix/grid table.

Settings

To enable the matrix/grid table per specific configurable product, go to CATALOG ⟶ Catalog ⟶ Products, select the product. Under the edit product page, set the 'Enable Matrix Table For This Product?' field to Yes.

Settings

FRONTEND

Example of Layout 1 (Matrix View) displaying at the product page

Frontend view

Example of Layout 2 (Gird View) displaying at the product page

Frontend view

Final Words

The Configurable Product Matrix/Grid Table is a helpful tool that displays configurable products more clearly in a matrix/grid table. It allows shoppers to add multiple items to the shopping cart at once and order quickly. As a result, It decreases abandoned the cart and increase sales.

Tags: matrix table