Magento – How to add a custom TAB to magento2 product detail

magento2product

I flow How to add a tab in product details page using Magento 2 admin panel step to add a custom tab

and I got this error

my file struct

catalog_product_view.xml

<?xml version="1.0"?>
<page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

    <update handle="catalog_product_opengraph" />
    <update handle="page_calendar"/>
    <body>
        <referenceBlock name="product.info.details">
            <block class="Magento\Catalog\Block\Product\View\Attributes" name="custom.tab" template="product/view/view.phtml" group="detailed_info">
                <arguments>
                    <argument name="title" translate="true" xsi:type="string">Care</argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

view.phtml

<?php
$product=$block->getProduct();
?>
<h1><?php echo $product->getData('custom_tab');?></h1>

How do I add a custom TAB to magento2 product detail？

Best Answer

I found that adding module can solve this problem

Related Solutions

Magento – Don’t show the Product Detail Tab if empty (product detail)

The code in tabs.phtml looks like this:

<ul class="product-tabs">
    <?php foreach ($this->getTabs() as $_index => $_tab): ?>
        <?php if($this->getChildHtml($_tab['alias'])): ?>
            <li id="product_tabs_<?php echo $_tab['alias'] ?>" class="<?php echo !$_index?' active first':(($_index==count($this->getTabs())-1)?' last':'')?>"><a href="#"><?php echo $_tab['title']?></a></li>
        <?php endif; ?>
    <?php endforeach; ?>
</ul>
<?php foreach ($this->getTabs() as $_index => $_tab): ?>
    <?php if($this->getChildHtml($_tab['alias'])): ?>
        <div class="product-tabs-content" id="product_tabs_<?php echo $_tab['alias'] ?>_contents"><?php echo $this->getChildHtml($_tab['alias']) ?></div>
    <?php endif; ?>
<?php endforeach; ?>

So if a tab content is empty then the tab is not shown.
Either you have a different code, or your tab content is not empty. It may contain something like <div></div> or something like that.
In this case you can change the if statement to remove your tags.
Maybe something like this:

<ul class="product-tabs">
    <?php foreach ($this->getTabs() as $_index => $_tab): ?>
        <?php if(trim(strip_tags($this->getChildHtml($_tab['alias'])))): ?>
            <li id="product_tabs_<?php echo $_tab['alias'] ?>" class="<?php echo !$_index?' active first':(($_index==count($this->getTabs())-1)?' last':'')?>"><a href="#"><?php echo $_tab['title']?></a></li>
        <?php endif; ?>
    <?php endforeach; ?>
</ul>
<?php foreach ($this->getTabs() as $_index => $_tab): ?>
    <?php if(trim(strip_tags($this->getChildHtml($_tab['alias'])))): ?>
        <div class="product-tabs-content" id="product_tabs_<?php echo $_tab['alias'] ?>_contents"><?php echo $this->getChildHtml($_tab['alias']) ?></div>
    <?php endif; ?>
<?php endforeach; ?>

Magento Product Detail Page – How to Add Custom Tab

app/design/frontend/default/yourtheme/layout -> catalog.xml in section you need add:

<action method="addTab" translate="title" module="catalog">
    <alias>My New Custom Tab</alias>
    <title>My New Custom Tab</title>
    <block>core/template</block>
    <template>catalog/product/mynewcustomtab.phtml</template>
</action>

in mynewcustomtab.phtml you can output you info

Best Answer

Related Solutions

Magento – Don’t show the Product Detail Tab if empty (product detail)

Magento Product Detail Page – How to Add Custom Tab

Related Topic