Magento 1.9 – How to Move Page Title Above Breadcrumbs for Category Pages

categorylayoutmagento-1.9

I don't want to do this on every page, but on a site I am working on, there is a design requirement to show the Page Title above the breadcrumbs only on Category/Sub-category pages, irrespective if it is a 1-column, 2-column, etc layout.

I can play around with the template files, and use conditions, but I feel this is messy and would therefore like to know if there is a more elegant way of achieving this using local.xml?

I was thinking of something along the lines of:

<catalog_category_default>
    <reference name="root">
        <action method="unsetChild"><name>page_content_heading</name></action>
    </reference>
<catalog_category_default>

Am I correct or at least half-way there?

Best Answer

To rephrase your question: You want to add the title above the breadcrumb only but on all category pages.

If you want to solve this via layout.xml (which is the best way), you have to remove the Headline from the template/catalog/category/view.phtmlsince it is nested there. After you add a template named headline.phtml in the same folder. You then add this block where you want to have it. The example below adds it to both types of category display:

      <catalog_category_layered translate="label">
                ...
            <reference name="root">
                <block type="catalog/category_view" name="category.headline" as="category-headline" template="catalog/category/headline.phtml"/>
            </reference>
                ...
       </catalog_category_layered>
      <catalog_category_default >
                ...
            <reference name="root">
                <block type="catalog/category_view" name="category.headline" as="category-headline" template="catalog/category/headline.phtml"/>
            </reference>
                ...
       </catalog_category_default>

Now you add the your new block to i.E. to 1column.html as ` getChildHtml('category-headline') ?>

I haven't tested it but otherwise search for "Add phtml block to Magento"

Related Solutions

Magento – Adding category title, image and description to above layered nav

You can retrieve the active category and output it's values

$category = Mage::registry('current_category');
echo $category->getName();
echo $category->getDescr();
// etc

This can be done from any existing PHTML file that is placed there or by adding your own file like so:

local.xml

<catalog_category_layered>
    <reference name="left">
        <block type="core/template" name="top_cat_title" before="-" template="catalog/category/custom_title.phtml"/>
    </reference>
</catalog_category_layered>

Now create a PHTML file in the templates catalog/category directory called custom_title.phtml and add the above PHP code.

This will display the current category data for you

Magento 1.9 – How to Show Product Name Above Breadcrumbs

you can add widget above breadcrumbs please visit:

How do I add a block on the home page above the content, below the navigation on the home page only?

you should also visit how to display product name in widget.

https://stackoverflow.com/questions/27403173/magento-how-to-use-product-link-widget-to-display-name-price-on-homepage

you can also done by local.xml

File : app\design\frontend[package][theme]\layout\local.xml

<cms_page_view> <!-- layout update handle -->
    <reference name="root"> <!-- parent block of our custom block -->
        <block type="core/template" name="my.custom.top.block" as="my_custom_top_block" template="custom/template.phtml" /> <!-- definition of custom block -->
    </reference>
</cms_page_view>

This code snippet defines our block and include it in root block in the case of a cms page rendition. This means this block will be available when a cms page is rendered in frontend. You need to include the block inside root block because it is the block which holds all structural blocks and breadcrumb block is a structural block. Obviously your block is also a structural block.

Specify Where should Custom Block Appear

This is the next important step. Defining a block will not render your block automatically. You need to specify where should it appear. For that you need to open the root template and add the below code there

File : app\design\frontend[package][theme]\template/page/[root-template].phtml

<div class="main">
<?php echo $this->getChildHtml('my_custom_top_block') ?>
    <?php echo $this->getChildHtml('breadcrumbs') ?>

    <div class="col-main">
        <?php echo $this->getChildHtml('global_messages') ?>
        <?php echo $this->getChildHtml('content') ?>
    </div>
</div>

Define your custom block template

This is the last step. Go ahead and create a custom block template which we have specified in our layout udpate.

File : app\design\frontend[package][theme]\template/custom/template.phtml

<div> UREKKAAAA </div>

Now clear the cache and load the page again.

I hope this will help you.

Best Answer

Related Solutions

Magento – Adding category title, image and description to above layered nav

Magento 1.9 – How to Show Product Name Above Breadcrumbs

Related Topic