Skip to main content

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

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

  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 class="block block-list block-shipping">
    <div class="block-title"><strong><span>Shipping</span></strong></div>
    <div class="block-content">
        <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>

If you need skin resources, such as images, use {{skin url=images/}} 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>

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. For some reason this works perfectly and the content looks good in IE and in Chrome in FF for some reason my custom block shows up looking all funny on top of the page and over to the left, Is there a way you can look at what I have?

  2. This works perfectly. Thank you!!

  3. would this be the same if I wanted an additional banner under the nav only my custom layout refernce should be different?

  4. This comment has been removed by the author.

  5. I tried your method in the magento default theme. I want to place a free shipping for category SHIRTS. But I want to place it just under Quick Overview.
    I tried to add the block inside name="" instead of name="content" block,but it seems it does not work.

    any suggestion?


  6. Thanks for your sharing this blog. Many important subject explain this blog.


Post a Comment

Popular posts from this blog

Kivy vs React-Native for building cross platform mobile apps

I've built three apps now using Kivy and one with React-Native, just wanted to share my thoughts on both.

Just a warning, I am strongly biased towards python and this is all based on opinion and experience and is thus worth what you pay for it. I don't claim to be an expert in either of these, just have worked with each for several months.  If something is incorrect I'd love to hear advice.

Demo of one of the apps

Nice to be able to run natively on the desktop WITHOUT a simulatorPython is easy to work withUse (almost) any python libraryVery easy to create custom widgetsKivy properties and data binding just work. Way nicer than React's "state" / flux / redux whatever you want to call it (stupid?). Native interfaces (pyjnius) and (pyobjc)Runs and feels pretty smooth Cons:Default widget toolkit looks like Android 4.4. Requiring you use your own widgets or a theming kit like KivyMD if styling bothers youCreating dynamic widgets declaratively is not yet s…

Control Systems in Python - Part 1 - Bode and Step Response

I hate matlab with passion, yet sadly, nearly everyone uses it.  I'm a fan of Python and open source stuff so here's a simple article on how to do some common control systems stuff in Python.

First we need to make sure the environment is setup.
Install IPython (or you can use any other python shell, but a unicode supported shell is preferred)Install python-control (numpy, scipy)Install sympy
These should do if your on Ubuntu/debian:

sudo apt-get install python-sympy python-numpy python-scipy python-matplotlib ipython
Then you need to install python control, see How to download and install python-control
Intro to using SympyOpen ipython and run the following:

import sympy from sympy import * sympy.init_printing() s = Symbol('s')

Now we can do things like define transfer functions using the symbolic variable s.

We can expand the bottom using the .simplify() method

and we can do something more complex like...
which is really nice because it does all the multiplication for us... and it’…

How to populate a Combo Box in GTK3 using Glade

This post will show how to use Glade to list combo box items with GTK3 since I could not find any other tutorials and it took me a while to figure it out.  No coding necessary!

Step 1:  Insert the combo box. A GtkComboBox will be created.

Step 2: Select the combo box.  In the General Properties click the ... button next to ComboBox Model and click new.  A new GtkListStore will be created and set to the combo box's model.

Step 3: With the combo box selected, open the Combo Editor by clicking the edit button from the toolbar.
Step 4; Add some columns to the combo box's liststore.  Use type: gchararry for text.  Insert any other model columns at this time as well.

Step 5: Insert data into the liststore by scrolling down in the Combo Editor and clicking the + to add a new row.  Enter the data needed for each row.

Step 6: Click the Hierarchy tab and then click add.  A new GtkCellRendererText will be created.

Step 7: Under properties and attributes, change the Text: from unset to th…