Introduction

The Magento 2 Configurable Product Grid View extension by FMEextensions enhances the shopping experience by displaying all simple product variations of a configurable product in a grid format. This functionality is particularly useful for stores dealing in products with multiple variations, such as clothing, electronics, or accessories, where customers need to see all options at a glance.

Key Features

• Displays configurable product variations in a grid or matrix layout.
• Allows adding multiple variations to the cart simultaneously.
• Shows stock availability for each variation.
• Provides customizable grid layout to match store design.
• Displays key attributes like size, color, and price in the grid.

Compatibility

This extension is compatible with the following Magento versions.

• 2.1.x
• 2.2.x
• 2.3.x
• 2.4.1, 2.4.2, 2.4.3, 2.4.4, 2.4.5, 2.4.6, 2.4.7

Installation Guide

Download Configurable Product Grid View from your account dashboard. Now you have the following 2 methods to install the extension.

Method 1

1. Unzip fme_configurable-product-view-x.x.x.zip to a local folder.
2. Make folder FME into your_magento_directory/app/code/ (if you don't find code folder within app folder, please create it first).
3. Create the following folders (as mentioned in step 2):

• app/code/FME
• app/code/FME/ConfigurableProductView

4. Copy all the contents from fme_configurable-product-view-x.x.x to newly created ConfigurableProductView folder.
5. Now open console or shell.
6. Go to your Magento directory and run the following commands:

• php bin/magento module:enable FME_ConfigurableProductView
• php bin/magento setup:upgrade
• php bin/magento setup:static-content:deploy -f (-f may not work in Magento versions less than 2.2.x.)
• chmod command for var/ pub/static and generated/ folders

7. Reload the Magento admin and you will see FME Extensions on the left side menu of your admin panel.

Method 2

1. Unzip fme_configurable-product-view-x.x.x.zip to a local folder.
2. Make folder FME into your_magento_directory/app/code/ (if you don't find code folder within app folder, please create it first).
3. Create the following folders (as mentioned in step 2):

• app/code/FME
• app/code/FME/ConfigurableProductView

4. Copy all the contents from fme_configurable-product-view-x.x.x to newly created ConfigurableProductView folder.
5. Go to your_magento_directory/app/etc/
6. Open config.php file in etc folder
7. Add the following line in $modules array at the end ‘FME_ConfigurableProductView’=>1,
8. Now open console or shell.
9. Go to your Magento directory and run the below commands

• php bin/magento setup:upgrade
• php bin/magento setup:static-content:deploy -f (-f may not work in Magento versions less than 2.2.x.)
• chmod command for var/ pub/static and generated/ folders

10. Reload the Magento admin and you will see FME Extensions on the left side menu of your admin panel.