Sarathlal N

Random banner in Magento 1 using static blocks

The banners are an inevitable part of any E-Commerce store. They help to increase our sales by promoting new products, special offers & discounts etc.

Today I’m going to make a simple random banner in our Magento powered online store with static blocks and template files.

  • To add a random banner in Magento stores, first add few static blocks from administration panel (CMS->Static Blocks->Add new block).
  • When creating this static block, follow a common Identifier naming scheme for all these static block like

    BannerIdentifier_1
    BannerIdentifier_2
    BannerIdentifier_3
    BannerIdentifier_4
    ...
    BannerIdentifier_N
    
  • Normally we use images as banner & so insert our banner image on each static block.
  • Then wrap that image using anchor tag that target our specific page, product or category like

    <a href="http://mystore.com/my_new_product/"><img src="" alt="Some alt text"  /></a>
    
  • Now we just added an image link as our banner. But we have option to add text, buttons etc on that image with some CSS tricks & now that is purely off topic for me.
  • Then add a single line of code in our template file to echo a random static block.

    <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('BannerIdentifier_'.mt_rand(1, N))->toHtml() ?>
    

Here we use a PHP function, mt_rand() to achieve our goal. The mt_rand() return a random integer value between one and N because our parameters for mt_rand() function is one & N.

We use this returned integer value as a part of our static block identifier & echo that static block on that page.

To view our random banner, flesh the Magento cache and reload the store.

Looking for a skilled WordPress/WooCommerce developer? I'm currently available for freelance, contract, or full-time remote opportunities! Let's create something amazing together. Send me a quick message, and I'll respond within 24 hours!

Recent Posts

  1. Understanding the Singleton Pattern and Using Traits to Achieve Singleton in WordPress Plugin Development
  2. REST API Methods Explained with Best Practices for Building Clean and Secure APIs
  3. My 28-Day Plan to Master Modern WordPress Development Using AI Tools
  4. Scaling WordPress - How Custom Database Tables Solve the Post Meta Bottleneck
  5. WordPress Transients Explained - A Developer's Guide to Site Performance

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.