ThemeShaper Forums » Thematic


Nivo Slider Plugin & Thematic weirdness

(11 posts)
  • Started 10 years ago by fundamental
  • Latest reply from helgatheviking
  • This topic is not resolved
  1. fundamental

    With the usual "I am a complete rookie" caveats...

    I am trying to use the Nivo slider plugin on my first child theme. Have it installed etc. My theme has 2 menus, one at the top above the branding for pages & and one below the branding for categories. I am inserting the slider div into the header like so.

    function top_box() { ?>
    <?php if ( function_exists('show_nivo_slider') ) { show_nivo_slider(); } ?>
    <?php }

    I've set the slider to load a category called "featured". The Slider appears, loads the slides fine. The issue is it messes up the posts and nav so ONLY the category "featured" posts show up on the blog. All other posts disappear.

    Any ideas anyone? I am going to post this on the Nivo forums as well.

    Posted 10 years ago #
  2. Danieliser

    why not just remove all the <?php and ?>

    whether it fixes the problem or not idk but should be like this

    function top_box() {
       if ( function_exists('show_nivo_slider') ) { show_nivo_slider(); }

    also try checking out the code at Inside the span you could add your function like this.

    // Add Header Image // Add Header Image
    function thematic_logo_image() {
     echo '<span id="nivo-slider">';
     if ( function_exists('show_nivo_slider') ) { show_nivo_slider(); }
     echo '</span>';
    Posted 10 years ago #
  3. Vasudeva Adiga

    You may have to run this after the slider:

    <?php wp_reset_query(); ?>

    Posted 10 years ago #
  4. fundamental

    Thanks for the responses, but unfortunately none of these had any effect. I am moving on to another slider for the moment.

    Posted 10 years ago #
  5. Danieliser

    i use vslider by and have no issues. works great out of the box. i am currently using it in my new theme for my site. you can check it out at and all i did to add it was this function and style it appropriately like outlined in the post i linked to above

    function thematic_logo_image_with_slider() {
    	echo '<a href="'.get_bloginfo('url').'" title="'.get_bloginfo('name').'" ><span id="header-image"></span></a>';
    	echo '<span id="header-slider">';
    	//if (function_exists('vSlider')) { vSlider(); }
    	echo '</span>';
    Posted 10 years ago #
  6. fundamental

    Danieliser - thanks, finally one that works for the most part, I wish it had better transitions, but it definitely works out of the box as you said, much better than the 3 or 4 I've fooled with in the last day.

    I tried Dynamic Content Gallery, which looks great, but needs mootools, and I can't seem to get it running with JQuery properly yet.

    Posted 10 years ago #
  7. Danieliser

    i thought the transition effects look great. you can specify how many cubes wide and high the image gets broken into. set it real high for pixel effects.

    Posted 10 years ago #
  8. fundamental

    Yes they do once you fiddle with them, it works great! Thanks for the help.

    Posted 10 years ago #
  9. anybody have any code snippets on enabling Nivo w/ thematic? I am getting weird errors.

    Posted 10 years ago #
  10. joshuaiz

    Hi Helga,

    I had this working on a local test site:

    function childtheme_scripts() {?>
    			<!-- Include the Nivo Slider CSS file -->
    <link rel="stylesheet" href="http://vizualtest2011/wordpress/wp-content/themes/vizualchild/scripts/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
    <!-- Include the Nivo Slider JS file -->
    <script src="http://vizualtest2011/wordpress/wp-content/themes/vizualchild/scripts/nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <!-- Set up the Nivo Slider -->
    <script type="text/javascript">
    jQuery(window).load(function() {
            effect:'slideInLeft', //Specify sets like: 'fold,fade,sliceDown'
            animSpeed:500, //Slide transition speed
            startSlide:0, //Set starting Slide (0 index)
            directionNav:true, //Next & Prev
            directionNavHide:true, //Only show on hover
            controlNav:true, //1,2,3...
            controlNavThumbs:false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel:false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav:true, //Use left & right arrows
            pauseOnHover:true, //Stop animation while hovering
            manualAdvance:false, //Force manual transitions
            captionOpacity:0.8, //Universal caption opacity
            beforeChange: function(){},
            afterChange: function(){},
            slideshowEnd: function(){}, //Triggers after all slides have been shown
            lastSlide: function(){}, //Triggers when last slide is shown
            afterLoad: function(){} //Triggers when slider has loaded
    <?php }
    And then this just for the slider div:
    <div id="slider">
    <img src="your_url/slide1.jpg" alt="" />
    <img src="your_url/slide2.jpg" alt="" />
    <img src=""your_url/slide3.jpg" alt="" title="This is an example of a caption" />
    I also had this in my functions.php:

    function my_slider() {
    if ( function_exists('show_nivo_slider') ) { show_nivo_slider();


    but it is commented out - not sure if I needed it or not and my MAMP is not running so I can't check at the moment.

    That said, I tried this on my live site and wasn't having any joy...I think the WP E-Commerce jQuery is causing many of my problems (with jPlayer, etc). According to some serious developers, the wpec code is...erm...less than optimal although I would be the first to admit user error.

    Posted 10 years ago #
  11. thanks joshuaiz. i'm not really sure what happened, but it started miraculously working yesterday. maybe it just needed a couple of days to think about what it had done. i haven't put it on a live site yet so I could just be blowing smoke.

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.