Hiding a Tab If It Is Left Empty

tabs

I have created new custom tabs on my product pages (Datasheets, Ask A Question and Returns and delivery). At the moment in my Datasheet tab it displays the PDF or datasheet for that product but if there is no datasheet in the tab is displays a message. Is there any way iu can get the tab to hide if there isnt a datasheet in the tab instead of diaplying a message??

This is how the tab is created :

<reference name="product.info.additional">
            <action method="unsetChild" ><name>product_tag_list</name></action>
            <block type="catalog/product_view_tabs" name="product.info.tabs" as="info_tabs">
                <action method="setTemplate" ><template>catalog/product/view/tabs.phtml</template></action>
        <action method="addTab" translate="title" module="catalog" ><alias>pdf_tabbed</alias><title>Data Sheets</title><block>catalog/product_view_attributes</block><template>catalog/product/view/pdf.phtml</template></action>
                </block>
</reference>

This is my phtml file. This is what is displayed in the tab.

<?php $_pdf = $this->getProduct()->getPdf(); ?>
<?php if ($_pdf): ?>
    <h2><?php echo $this->__('PDF') ?></h2>
    <div class="std">
        <?php echo $this->helper('catalog/output')->productAttribute($this->getProduct(), $_pdf, 'pdf') ?>
    </div>
<?php else: ?>
    Sorry but there's no Data Sheet associated with this product!
<?php endif; ?>

Thank you if you can help or point me in the right direction.

Best Answer

You could just add a tab conditionally trough an observer:

Observe the event core_block_abstract_prepare_layout_after

Check for the catalog tabs block instance and add your tab when the datasheet has data.

           public function core_block_abstract_prepare_layout_after(Varien_Event_Observer $observer) {
               $block = $observer->getEvent()->getBlock();

               if ($block instanceof Mage_Adminhtml_Block_Catalog_Product_Edit_Tabs) {
                    //add if data not empty condition
                        $block->addTab('tabname', array(
                               'label' => Mage::helper('adminhtml')->__('tablabel'),
                               'title' => Mage::helper('adminhtml')->__('tabtitle'),
                               'content' => $block->getLayout()->createBlock('myblock', 'myblockname')->toHtml()
                           ));
               }
           }

I appologize, this was for the backend, not the frontend as the op asked.

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; ?>

Admin – Tabs with Grids in Admin Extension

You haven't attached your layout xml file. If you have the correct layout set there, then you are almost there. But until you don't see any error messages in your log files your layout is not correctly set. Why to expect errors in the logs? When you want to show a tab and you implement the Mage_Adminhtml_Block_Widget_Tab_Interface, you have to write the interface's methods: getTabLabel, getTabTitle, canShowTab, isHidden. I don't see these methods in your Mycontrol.php block. Also you must have a container for the tabs' content. Have a look at /app/design/adminhtml/default/default/layout/catalog.xml and see how it is implemented there the layout xml at node adminhtml_catalog_product_new. You will see there something like:

<adminhtml_catalog_product_new>
    <update handle="editor"/>
    <reference name="content">
        <block type="adminhtml/catalog_product_edit" name="product_edit"></block>
    </reference>
    <reference name="left">
        <block type="adminhtml/catalog_product_edit_tabs" name="product_tabs"></block>
    </reference>
    <reference name="js">
        <block type="adminhtml/catalog_product_edit_js" template="catalog/product/js.phtml" name="catalog_product_js"></block>
        <block type="core/template" template="catalog/wysiwyg/js.phtml"/>
    </reference>
</adminhtml_catalog_product_new>

What you are interested in is the left reference and the content. First, look at the adminhtml/catalog_product_edit_tabs block class' constructor. You will see:

public function __construct()
{
    parent::__construct();
    $this->setId('product_info_tabs');
    $this->setDestElementId('product_edit_form');
    $this->setTitle(Mage::helper('catalog')->__('Product Information'));
}

with the setDestElementId you set the id of the element which will contain the contents while clicking on a tab. Also in this class you can define a _prepareLayout method and add the tab to the layout:

            $this->addTab('some_name', array(
                'label'     => Mage::helper('your_helper')->__('tab label'),
                'content'   => $this->_translateHtml($this->getLayout()
                    ->createBlock('mycomp/myext_mycontrol')->toHtml()),
            ));

You can add a tab also from the layout xml by using the <action method="addTab">. You can see a couple of examples in catalog.xml. Now that your tab is added, you have to make sure that the container id (what you have specified in the setDestElementId method) does exist. So, go back to the adminhtml_catalog_product_new layout example, see the reference to the content; the block inside should produce the needed id. When these are all set, your tabs will work.

Best Answer

Related Solutions

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

Admin – Tabs with Grids in Admin Extension

Related Topic