Skip to main content

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 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>
    </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.



Comments

  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?

    ReplyDelete
  2. This works perfectly. Thank you!!

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

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  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="product.info" instead of name="content" block,but it seems it does not work.

    any suggestion?

    ReplyDelete

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

    ReplyDelete

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.

Kivy
Demo of one of the apps



Pros:
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’…