Magento 2.1 – How to Hide Empty Custom Tab

magento-2.1product-attributetabs

I have added the custom attribute tab on the product page. If the tab is empty is must be hidden.

I have created an attribute customtab.

I have added below code in the catalog_product_view.xml inside body tag:

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

How can I hide the custom attribute tab?

Best Answer

Try following code:

app/code/[VendorName]/[ModuleName]/registration.php

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    '[VendorName]_[ModuleName]',
    __DIR__
);

app/code/[VendorName]/[ModuleName]/etc/module.xml

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="[VendorName]_[ModuleName]" setup_version="1.0.0">
        <sequence>
            <module name="Magento_Catalog"/>
        </sequence>
    </module>
</config>

app/code/[VendorName]/[ModuleName]/view/frontend/layout/catalog_product_view.xml

<?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>
        <referenceBlock name="product.info.details">
            <block class="Magento\Catalog\Block\Product\View" name="custom.tab" template="[VendorName]_[ModuleName]::product/view/details/custom_tab.phtml" group="detailed_info">
                <arguments>
                    <argument translate="true" name="title" xsi:type="string">Tab Title</argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

app/code/[VendorName]/[ModuleName]/view/frontend/templates/product/view/details/custom_tab.phtml

<?php $attributeCode = '<product_attribute_code>'; ?>
<?php echo $block->getProduct()->getData($attributeCode); ?>

Note:

Add your html code in "if" condition, if html data found in tab content then tab will be display on the product page.

Related Solutions

Magento – Hide empty custom tabs

Try this, it's a bit funky but it works. The idea is to add new tab only if sizes_table is set on the current product instance.

In your layout update file (local.xml):

<catalog_product_view>
    <reference name="product.info">
        <block type="foo_bar/block" name="product.sizes" as="product.sizes" />
    </reference>
</catalog_product_view>

Custom block class (app/code/local/Foo/Bar/Block/Block.php):

class Foo_Bar_Block_Block extends Mage_Cms_Block_Block
{
    protected function _prepareLayout()
    {
        $product = Mage::registry('current_product');

        if ($product->getData('sizes_table')) {
            $this->setBlockAlias('product.sizes');
            $this->setParentBlock($this->getLayout()->getBlock('product.info'));
            $this->addToParentGroup('detailed_info');

            /** tab title */
            $this->setTitle($this->__('Size Guide'));

            /** static block identifier */
            $this->setBlockId('my_static_block');
        }

        return $this;
    }
}

If the Size Guide tab is not added try commenting out if ($product->getData('sizes_table')) condition. If it's added after that, you'll have to find another way to retrieve the product attribute.

Magento – Add Custom Product Tab in MAGENTO 1.9 CE

Please only ask one question at once. Anyway, here you go:

The following content for the local.xml works. It will add a new tab on the product page. If it does not work, your layout XML file is probably not loaded correctly.

<?xml version="1.0"?>
<layout version="0.1.0">
    <catalog_product_view>
        <reference name="product.info">
            <block type="catalog/product_view_attributes" name="features_product_tab" as="features_tab" template="catalog/product/view/features.phtml">
                <action method="addToParentGroup"><group>detailed_info</group></action>
                <action method="setTitle" translate="value"><value>Features</value></action>
            </block>
        </reference>
    </catalog_product_view>
</layout>

This is not possible in a nice way. But you could write something unique into the static block to mark it empty and then change the way Magento renders the tabs in order to hide "empty" tabs. Therefore, write e.g. EMPTY into the static block you do not want to be rendered. Magento will automatically add a paragraph tag around it, so it becomes <p>EMPTY</p>. Then, in your catalog/product/view.phtml change the tab rendering like that:

<div class="product-collateral toggle-content tabs">
    <?php if ($detailedInfoGroup = $this->getChildGroup('detailed_info', 'getChildHtml')):?>
        <dl id="collateral-tabs" class="collateral-tabs">
            <?php foreach ($detailedInfoGroup as $alias => $html):?>
                <?php if ($html != '<p>EMPTY</p>'): ?>
                    <dt class="tab"><span><?php echo $this->escapeHtml($this->getChildData($alias, 'title')) ?></span></dt>
                    <dd class="tab-container">
                        <div class="tab-content"><?php echo $html ?></div>
                    </dd>
                <?php endif; ?>
            <?php endforeach;?>
        </dl>
    <?php endif; ?>
</div>

Best Answer

Related Solutions

Magento – Hide empty custom tabs

Magento – Add Custom Product Tab in MAGENTO 1.9 CE

Related Topic