The main focus of being able to customize the content in Magento category pages was to add the ability for me to be able to have an introductory paragraph of content, but also add additional content after the product listing. Thus I was able to add a foundation of custom content to main category pages without pushing the products further and further down the page.

First you will want to create a static block that will become the footer content for a category. Once created you can then update your category to call this static block. Navigate to the Category you want to include the content below the product listing and update the display settings. Under ‘Display Settings’, select ‘static block and products’ from the Dsiplay Mode dropdown. Then select the name of the static block you created under the CMS Block dropdown.

This display the static block as well as the cateogry products on that category page. Currently most templates add the static black to the top of the category, we will update this.

While you are editing the category go ahead and add a description under the General Information tab for that category which we will leave as the introductory paragraph for the category.

Now we must simply update the layout of the product listing so that the CMS Static Block displays under the category listing.

Navigate and edit /public_html/app/design/frontend/blank/theme_folder/template/catalog/category/view.phtml

Find the line of code that reads:

<?php echo $this->getCmsBlockHtml() ?>

Currently it should be some where above the call to the Product List:

<?php echo $this->getProductListHtml() ?>

Move <?php echo $this->getCmsBlockHtml() ?> below, save, upload and refresh cache if necessary.

You should now see the category description above the product listing. Then when you scroll down the update to the category view.phtml file adds the static block content we added under the Display Settings tab.

/app/design/frontend/base/default/template/catalog/product/view/description.phtml

Edit the line nl2br($_description) to $_description, removing nl2br.

The added line breaks were causing issues in Firefox when creating unordered lists and such as the list code would have an added line break, <br>, or what appeared to be line spacing added to each item within the list.

When adding custom content to the category pages on your site, I find the category description to be very limiting and not necessarily give me the type of control I want to have over how much content I can add to a page without pushing the products below the fold. This tutorial outlines how you can use Custom CMS Blocks to design the exact layout you desire for your category pages.

First you will want to create a static block that will end up replacing the category page setup.

CMS > Static Block

Once created you may need to grab some of the template code in order to setup the static block so the text areas match the design of the template.

Personally I create an introductory paragraph followed by the product listings, then adding another section of content below the products that is more expansive and creates more unique content for my main category pages.  Simply update the cat_ID with the corresponding category products you want to display on this page, set the status to ‘Enabled’ and save the CMS Custom Block.

Content

{{block type=”catalog/product_list” column_count=”3″ category_id=”cat_ID” template=”catalog/product/list.phtml”}}

Content

Now you can setup the category page to display the custom block you have created, rather then just using the category description as it limits your control over where you can implement content.

Catalog > Manage Categories

Select the category and click on the Display Settings tab. Under Display Mode select Static Block only as we have used custom code to display the products between our content blocks. Now you simply have to select the CMS Block you created and save the changes.