Moving Boxes Home Featured jQuery module

Creative Commons Licence

I thought it was about time for yet more free Prestashop eye candy, so here’s yet another home featured products module for you all to play with!

Just specify how many products you’d like to feature in the configuration screen and sit back and enjoy! Well, maybe not as I suspect you may also want to play with the css file in the module directory to modify the style to suite your stores. There are also a few images you may want to tweak too!

The javascript and markup is only gently modified from the original obtained from the superb CSS Tricks.

UPDATE: There was a slight error in the uninstall function which resulted in an error when you try to remove it. Updated is available below and should just be copied over the 0.1.0 version to fix.

Version 0.1.0 (Initial Release August 2009) : Moving Boxes “Featured Products” module

Version 0.1.1 (Bugfix Release August 2009) : Moving Boxes “Featured Products” module

Sharing is caring!

Posted on August 3, 2009 | Related Categories: Free Prestashop Modules, Prestashop | 11 comments

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

11 Responses to Moving Boxes Home Featured jQuery module

  1. Klaude says:

    Hi William, i tried ur solution, but it didn’t work.
    I found a more simple one.

    The module needs to hook on the header, then, If you just need the moving boxes on the home page, go to module configuration-> position when it’s asks to hook on the header, put exceptions for the headers of products.php and category.php pages.
    Like that, the conflict between the JS of movingboxes and sliding menu will be resolved

    You have an e-shop? say it on the web AND in the real life.

  2. Adria says:

    I’ve installed the moving boxes… thank you for that module. I’m getting an js error in slider.js. It’s creating a problem with the javascript running on the other pages (not on home page). If you look at the categories block it is blank when on other pages… have any ideas of how to fix? Thank you for any help you can offer.

  3. William says:

    Hi Kim,
    i had the same problem, so i looked at the javascript error and figured out that the problem was in the file: modules/movingboxes/js/slider.js at line 24
    So i fixed it this way.
    .css(‘width’, ($panels[0].offsetWidth * $panels.length) + 100 )
    .css(‘left’, “-230px”);
    if($panels.length > 0 && $panels[0] != null)
    .css(‘width’, ($panels[0].offsetWidth * $panels.length) + 100 )
    .css(‘left’, “-230px”);
    .css(‘width’, 100 )
    .css(‘left’, “-230px”);

    Till now, it’s still working fine.
    Thank you again for this nice module.
    You can check the changes here:

  4. Hi MovingBoxes is the Nice addition to prestashop enable website .

    I have tweak it and change the size and the css values.

    it is now became the feature product Crousel that can be hook top or bottom of your page as per need, but now it can be more enhanced as this like the jMyCarousel @

    This is more interactive as the products slides a mouse reach to the button and it is circular fashion.

    if any one who have good understanding of prestashop can combine both into 1 new interactive jMyCarousel and Moving Boxes here.

    If any one have done this before please share the same.

    You can have look it on my website

    Muhammad Asif.

  5. fthanron says:

    Dear Sir,
    Very interesting module. I have the same problem as Kim (categories disappear if I am on any page other than the home page) PS 1.2.5.
    Additionnal i would like to know how to sort viewed products ?
    Best regards

  6. Kim says:


    all working well but my categories disappear if I am on any page other than the home page. Any idea?



  7. FabioZ says:

    I just installed everything just fine but i dont know why the .JS file seems to conflict with the JS of prestashop.If you go to my site

    You can see in the home page when you click “adicionar ao carrinho” he makes that animation and add to the cart. However if you do the same but on the PRODUCT page it will no longer work and instead will take you to the “check out” page.

    If I deleted the slider.js everything comes back to normal

    Any help would be really nice since this module is just GREAT.

  8. Bonjour,

    Je viens d’upgrader avec la version V1.2.1 de Prestashop.
    Impossible de greffer le module, est-il compatible avec la version 1.2.1 ?


  9. John says:

    Any chance of a demo of this module