Follow below steps to display configurable product specific attribute values count on product listing page in Magento 2.

First, you need to override vendor/magento/module-catalog/Block/Product/ListProduct.php file in your existing module.

To override this file:

Create new file ‘di.xml’ at this path -> app/code/Vender/Modulename/etc/. Add the following code in this new file:

 <?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
<preference for="Magento\Catalog\Block\Product\ListProduct" type="Vender\Modulename\Block\Product\ListProduct" />
</config>

<?xml version="1.0"?>

</config>

Then create a new file named ‘ListProduct.php’ at app/code/Vender/Modulename/Block/Product/.

Add the following code in this new file:

<?php
namespace Vender\Modulename\Block\Product;

class ListProduct extends \Magento\Catalog\Block\Product\ListProduct {

public function getProductDetailsHtml(\Magento\Catalog\Model\Product $product) {
       $html = '';
       $renderer = $this->getDetailsRenderer($product->getTypeId());
        if ($renderer) {
            if ($product->getTypeId() == \Magento\ConfigurableProduct\Model\Product\Type\Configurable::TYPE_CODE) {
                $options = array();
                $productColor = array();
                $data = $product->getTypeInstance()->getConfigurableOptions($product);
                foreach ($data as $attr) {
                    foreach ($attr as $p) {

                        if ($p['attribute_code'] == 'color') {
                            if (!in_array($p['option_title'], $productColor)) {
                                $productColor[] = $p['option_title'];
                            }
                        }
                    }
                 }
                $html = '<p> ' . count($productColor) . ' </p>';
             }
             $renderer->setProduct($product);
             return $html . $renderer->toHtml();
         }
         return '';
     }

}

?>

<?php

namespace Vender\Modulename\Block\Product;

class ListProduct extends \Magento\Catalog\Block\Product\ListProduct {

public function getProductDetailsHtml(\Magento\Catalog\Model\Product $product) {

$html = '';

$renderer = $this->getDetailsRenderer($product->getTypeId());

if ($renderer) {

if ($product->getTypeId() == \Magento\ConfigurableProduct\Model\Product\Type\Configurable::TYPE_CODE) {

$options = array();

$productColor = array();

$data = $product->getTypeInstance()->getConfigurableOptions($product);

foreach ($data as $attr) {

foreach ($attr as $p) {

if ($p['attribute_code'] == 'color') {

if (!in_array($p['option_title'], $productColor)) {

$productColor[] = $p['option_title'];

}

$html = '<p> ' . count($productColor) . ' </p>';

}

$renderer->setProduct($product);

return $html . $renderer->toHtml();

}

return '';

}

Fill the below form if you have any Magento programming need.

Magento 2 : Get request params in your controller file
If you want get query string params in controller file,...
Magento 2 : Redirect custom page after login using plugin
Create di.xml and add the below code Magemonkey/Redirect/etc/frontend/di.xml [crayon-6287675b6b974458390850/] Create...
Magento 2 – How to change local date to UTC date?
You can try below code to change local date to...
How to change order status using cron?
Step 1: First you need to add registration.php file in...
Magento 2: How to add close button on error and success message?
Step1 : Override message.js in current theme file on the...

Author Info

Magento Developer

Hire T. Baldha

Fill the form & Get Installation Support

Magento 2: Display configurable product attribute value counts on product listing

Recent Articles

Author Info

Get a Free Quote

Connect With Us