Display Custom Product Attribute Value on Product Page in Magento 2

In this blog, we will explain how to display custom p[roduct attribute value on Magento 2 product page.

Contents hide

1 Step -1: Create registration.php file in app\code\Webiators\CustomChange\

2 Step -2: Create module.xml file in app\code\Webiators\CustomChange\etc

3 Step -3: Create CustomProductAttribute.php file in app\code\Webiators\CustomChange\Block\Catalog\Product\View

4 Step -4: Create layout file catalog_product_view.xml in app\code\Webiators/CustomChanges/view/frontend/layout

5 Step -5: Create templates file customattribute.phtml in app/code/Webiators/CustomChanges/view/frontend/templates/catalog/product/view

6 Step -6: Run Command and Check The Result On Product Page

7 Thank You!

Step -1: Create registration.php file in app\code\Webiators\CustomChange\

<?php
        \Magento\Framework\Component\ComponentRegistrar::register(
            \Magento\Framework\Component\ComponentRegistrar::MODULE,
            'Webiators_CustomChange',
            __DIR__
        );

<?php

\Magento\Framework\Component\ComponentRegistrar::register(

\Magento\Framework\Component\ComponentRegistrar::MODULE,

'Webiators_CustomChange',

__DIR__

);

Step -2: Create module.xml file in app\code\Webiators\CustomChange\etc

<?xml version="1.0"?>
    <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
        <module name="Webiators_CustomChange" setup_version="1.0.0"/>
    </config>

<?xml version="1.0"?>

</config>

Step -3: Create CustomProductAttribute.php file in app\code\Webiators\CustomChange\Block\Catalog\Product\View

<?php

namespace Webiators\CustomChanges\Block\Catalog\Product\View;

use Magento\Framework\View\Element\Template\Context;

class CustomProductAttribute extends \Magento\Framework\View\Element\Template
{
    public function __construct(
        \Magento\Framework\View\Element\Template\Context $context,
        \Magento\Framework\Registry $registry,
        array $data = []
    ) {
        $this->_coreRegistry = $registry;
        parent::__construct($context,$data);
    }


    /**
    * @return Product
    */
    public function getCurrentProduct()
    {
        return $this->_coreRegistry->registry('product');
    }


}

<?php

namespace Webiators\CustomChanges\Block\Catalog\Product\View;

use Magento\Framework\View\Element\Template\Context;

class CustomProductAttribute extends \Magento\Framework\View\Element\Template

{

public function __construct(

\Magento\Framework\View\Element\Template\Context $context,

\Magento\Framework\Registry $registry,

array $data = []

) {

$this->_coreRegistry = $registry;

parent::__construct($context,$data);

}

/**

* @return Product

public function getCurrentProduct()

{

return $this->_coreRegistry->registry('product');

}

Step -4: Create layout file catalog_product_view.xml in app\code\Webiators/CustomChanges/view/frontend/layout

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
       <referenceContainer name="content">
            <referenceBlock name="product.info.main">
                <block class="Webiators\CustomChanges\Block\Catalog\Product\View\CustomProductAttribute"
                       name="product.info.main.CustomProductAttribute" as="CustomProductAttribute" after="-" 
                       template="Webiators_CustomChanges::catalog/product/view/customattribute.phtml"/>
            </referenceBlock>
    </body>
</page>

<?xml version="1.0"?>

<body>

<block class="Webiators\CustomChanges\Block\Catalog\Product\View\CustomProductAttribute"

name="product.info.main.CustomProductAttribute" as="CustomProductAttribute" after="-"

template="Webiators_CustomChanges::catalog/product/view/customattribute.phtml"/>

</referenceBlock>

</body>

</page>

Step -5: Create templates file customattribute.phtml in app/code/Webiators/CustomChanges/view/frontend/templates/catalog/product/view


<?php 
$currentProduct = $block->getCurrentProduct();
$customAttrbute = $currentProduct->getCustomAttrbute();
echo $customAttrbute;

?>

<?php

$currentProduct = $block->getCurrentProduct();

$customAttrbute = $currentProduct->getCustomAttrbute();

echo $customAttrbute;

Step -6: Run Command and Check The Result On Product Page

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy -f en_US
php bin/magento cache:flush
php bin/magento cache:clean
php bin/magento indexer:reindex