Magento 2.2.4 – Not Able to Add Custom phtml File on Product Page

magento2magento2.2magento2.2.4product

I can't able to add/include my custom phtml file on product detailed page.

Here is my entire flow :

Added the following code in app/design/frontend/Themename/themedirectory/Magento_Catalog/layout/catalog_product_view.xml file

<body>
        <referenceContainer name="content">
            <container name="product-main-content" htmlTag="div" htmlClass="product-main-content" before="-">
                </container>
               </referenceContainer>

        <referenceContainer name="content.top.most">
            <container name="custom.block.sec" htmlTag="div" htmlClass="custom-class" before="-">
            <block class="Magento\Catalog\Block\Product\View" name="my_custom" template="Vendorname_Modulename::custom.phtml" />
            </container>
        </referenceContainer>

          <block class="Magento\Theme\Block\Html\Title" name="page.main.sub.title" template="Magento_Theme::html/title.phtml"/>

            <referenceBlock name="product.info.details">
          <block class="Magento\Catalog\Block\Product\View" name="cmsinfo.tab" as="cmsinfo" template="product/view/cms_tab.phtml" group="detailed_info" >
            <arguments>
              <argument translate="true" name="title" xsi:type="string">Custom Tab</argument>
            </arguments>
           </block>
         </referenceBlock>

          <move element="custom.block.sec" destination="product.info.main" before="-"/>

</body>

Added the custom.phtml file in app/code/Vendorname/Modulename/view/frontend/templates/custom.phtml
custom.phtml file content

Custom File Works

I referred this link as well but no luck.

But its not working. Why?

Can anyone let me know what's the issue & how to add the custom file in product page?

Best Answer

Please try this way in your app/design/frontend/Themename/themedirectory/Magento_Catalog/layout/catalog_product_view.xml file

<referenceContainer name="content.top.most">
    <container name="custom.block.sec" htmlTag="div" htmlClass="custom-class" before="-">
        <block class="Magento\Catalog\Block\Product\View" name="my_custom" template="Vendorname_Modulename::custom.phtml" />
    </container>
</referenceContainer>

<move element="custom.block.sec" destination="product.info.main" before="-"/>

After that please check with clear your cache.

Related Solutions

Magento 2 – Add Custom Template to Product Details Page

The "white page" error comes because Magento\Framework\View\Element\Template have not a getProduct() method.

So I think that the "cleanest" way to do it is create a custom module with a custom block, layout and template (don't worry this just take a few minutes and you have done some parts)

Module Files:

(I will skip /etc/module.xml and registration.php because are trivial, however you could find the complete example here.)

Let start with the Block php file:

Test\Catalog\Block\Product\View\Extra.php

<?php

namespace Test\Catalog\Block\Product\View;

use Magento\Catalog\Block\Product\AbstractProduct;

class Extra extends AbstractProduct
{

}

As you can see it's just a concrete class extending (IMO) the most lightweight Product Abstract Block. You can also extend Magento\Framework\View\Element\Template but in that case you'll need to implement the getProduct() method and change the context in the constructor in order to get access to the registry.

So lets move to the Layout file:

Test/Catalog/view/frontend/layout/catalog_product_view.xml

<?xml version="1.0"?>
<body>
    <referenceContainer name="product.info.social">
        <block class="Test\Catalog\Block\Product\View\Extra"
            name="product.view.extra"
            template="Test_Catalog::product/view/extra.phtml"
            after="-">
        </block>
    </referenceContainer>
</body>

And Finally the template file:

Test/Catalog/view/frontend/templates/product/view/extra.phtml

<?php /* @var $block \Test\Catalog\Block\Product\View\Extra */?>
<?php $_product = $block->getProduct() ?>
<h3><?php echo 'My Product Name Is: ' . $_product->getName(); ?></h3>

As you can see is pretty straightforward, simplest than M1-

Remember that all your custom logic should be implemented in the Extra.php block class in order to keep the view clean.

ie:

In the Extra.php class:

public function getSomething()
{
    return 'something'
}

in the extra.phtml view:

<?php echo $block->getSomething() ?>

Magento – magento 2 captcha not rendering if I override layout xml

Anyway I have solved it myself.The captcha is not rendering due to I haven't override captcha layout xml so overriding it to your theme will solved issue.

Best Answer

Related Solutions

Magento 2 – Add Custom Template to Product Details Page

Magento – magento 2 captcha not rendering if I override layout xml

Related Topic