RSS

Magento static block on category page

25 Jun

How to add a static block to a specifc category in Magento 1.6.1.0

Here’s a simple tutorial on how to add a static block to any category page in Magento.

Overview

  1. Create a static block
  2. Configure the custom layout for the category to show the block
  3. Refresh the block cache
Free shipping static block on the left side of a category page

To create a static block, login to the backend and go to CMS->Static Blocks. Click Add New Block from the top right. Enter whatever content you want the block to display, I’m creating a free shipping block for the left column.

<div>
<div><strong><span>Shipping</span></strong></div>
<div>
<h4>Free shipping on every order!</h4>
<p><img width=”64″ style=”float:right;” src=”{{skin url=images/box.png}}”> We now offer free USPS Parcel Post shipping on every order! No minimum order is required and no order is too large!</p>
</div>
</div>

If you need skin resources, such as images, use {{skin url=images/resource.name}} as highlighted above. Take note of the identifier we’ll need that later. My final block looks like this:

Creating the static block

Next we need to configure the category. Go to Catalog->Manage Categories and select the category for which you want to display the block. Finally click on the custom design tab. In the custom layout design enter then save the category:

<reference name=”left”>
<block type=”cms/block” name=”free_shipping”>
<action method=”setBlockId”><block_id>free_shipping</block_id></action>
</block>
</reference>

There’s a few things to point out here. First of all the <reference name=”left”> means that anything within these tags is applied to the left block. So this will show the block in either 2 column with left bar or 3 column designs depending on your theme templates. For the right block use “right” and main block use “content.”

Next make sure the block_id and block name are set to the id of the static block created earlier, in this case free_shipping. My setup is as below.

Adding the static block to the category design

I have two blocks in this, to add more simply add another <block></block> element.

Finally go into System->Cache Management and refresh the  Blocks HTML output cache.  That’s it, reload your page and there you go!

This was done on Magento 1.6.1.0.

Advertisements
 
Leave a comment

Posted by on June 25, 2013 in Magento

 

Tags:

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: