Moving Boxes Home Featured jQuery module

  • StumbleUpon
  • Twitter
  • Digg
  • del.icio.us
  • Technorati
  • MySpace
  • Facebook
  • Google Bookmarks
  • MisterWong
  • Reddit
  • RSS

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

You may also like:

  1. Fixed version of the gsitemap module There seems to have been a lot of problems with...
  2. AddHeader – a sibling for AddStuff Sometimes you just want to do something simple, and there...
  3. HSBC CPI Card Payment Module This was developed originally for a client. The original brief...
  4. Exporting products to Googlebase Getting noticed in Google Product Search There has been huge...
  5. PS_Cumulus a WP-Cumulus port to Prestashop I was looking to write a cool module to use...

Tags: , ,

9 Responses to “Moving Boxes Home Featured jQuery module”

  • John says:

    Any chance of a demo of this module

  • 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 ?

    Merci

  • 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
    http://esmalteson.dominiotemporario.com

    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.

  • Kim says:

    Hi

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

    Thanks

    Kim

  • 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

  • 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 @ http://www.enova-tech.net/eng/lab/jMyCarousel/1

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

    You can have look it on my website http://www.mas-techfood.co.cc

    Muhammad Asif.

  • 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.
    Before:
    $container
    .css(‘width’, ($panels[0].offsetWidth * $panels.length) + 100 )
    .css(‘left’, “-230px”);
    Now:
    if($panels.length > 0 && $panels[0] != null)
    {
    $container
    .css(‘width’, ($panels[0].offsetWidth * $panels.length) + 100 )
    .css(‘left’, “-230px”);
    }
    else
    {
    $container
    .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: http://lovethecontinent.com/prestashop

Leave a Reply