WordPress.org

Ready to get started?Download WordPress

Forums

WP e-Commerce Breaks Nivo Slider (10 posts)

  1. lewis5467
    Member
    Posted 2 years ago #

    Good day all,

    I hope someone can help me. If you look at the following site: http://www.vwtstyling.co.uk you'll see at the top of the home page there should be a Nivo Slider displaying 4 or so images. However, as soon as Ive enabled 'WP e-Commerce' the nivo slider breaks.

    Could someone point in the right direction and identify where its conflicting?

    Thank you in advance,

    Lewis

  2. pulser1983
    Member
    Posted 2 years ago #

    Same here,

    wp-e-commerce is breaking http://www.bkosborne.com/jquery-waterwheel-carousel

    Uncaught TypeError: Object [object Object] has no method 'livequery'
    (anonymous function)wp-e-commerce.js:273
    c.b.extend.readyjquery.js:29
    c.ujquery.js:37

    Thank you in advance,
    Radhe

  3. Orijit
    Member
    Posted 2 years ago #

    see if your code has is including multiple version of jquery due to themes, plugins (slider, wp-ecommerce)

  4. cfweb
    Member
    Posted 2 years ago #

    Hello,
    I've the same issue with the jQuery plugin CarouFredSel.
    But when I delete the jQuery file for this plugin, it doesn't work anymore. So how can I prevent from multiple version of jQuery?
    Thanks for your help!

  5. Andrew Bartel
    Member
    Posted 2 years ago #

    Assuming it's jquery, find the code for the slider. Should be something like:

    $('#slider').animate(blah blah)
    or
    jQuery('#slider').animate(blah blah)

    before these put in:
    $j = jQuery.noconflict();
    modify everything in the slider functionality where it calls
    jQuery('#slider') to $j('#slider') or $('#slider') to $j('#slider')

    jQuery and $ are the default calls and can break if JQuery is instantiated multiple times.

    the $j can be whatever you want, could be $slider to help you recognize it in the future.

  6. cfweb
    Member
    Posted 2 years ago #

    Thanks for your answer! I've tried, but with no success, maybe I made a mistake, as I'm not used to jQuery.

    Here was the code in my footer:

    <script type="text/javascript" src="<?php bloginfo("template_url") ?>/js/jquery.js"></script>
    <script type="text/javascript" src="<?php bloginfo("template_url") ?>/js/caroufredsel.js"></script>
    <script type="text/javascript">
    $('#carrousel').caroufredsel({
    [...]
    },
    pagination: '#pagination'
    });
    </script>

    I replaced by that:

    <script type="text/javascript" src="<?php bloginfo("template_url") ?>/js/jquery.js"></script>
    <script type="text/javascript" src="<?php bloginfo("template_url") ?>/js/caroufredsel.js"></script>
    <script type="text/javascript">
    $j = jQuery.noconflict();
    $j('#carrousel').caroufredsel({
    [...]
    },
    pagination: '#pagination'
    });
    </script>

    Is it correct?
    Thanks for your help!

  7. Andrew Bartel
    Member
    Posted 2 years ago #

    Yea looks right, it may not be a jquery conflict issue.

  8. cfweb
    Member
    Posted 2 years ago #

    Ok thanks! I'm gonna keep looking for the pb.

  9. borzoid
    Member
    Posted 1 year ago #

    Hi cfweb, I have been searching for a working plugin for caroufredsel. Could you tell me where you found yours and did it need any fixing to work?

    Thank you.

  10. cfweb
    Member
    Posted 1 year ago #

    Hi borzoid,
    I didn't manage to make caroufredsel works with wp e-commerce.
    So now I'm using the slideshow of nextgen gallery.

Topic Closed

This topic has been closed to new replies.

About this Topic