Adding Nivo Slider to template

[robertobaggio2k]

Hi everyone,

I'm working on a website and i would like to do the following... but im not having any luck!

Here's the homepage

http://www.cndiamonddealers.com

Once open you will see the Nivo slider with the blue background half way through the slider and the grey below it.

I want to recreate the same style on every other page ( about us, services, info centre, contact and coloured diamonds)

I'm using Shinytheme from themeforest

The template i'm using for each page except the home page is single page left sidebar template.

I've tried copying the portion of the code from the home page into the other template which only created the border with no images inside, and the blue doesnt wrap.

Any help please? im ready to give up on it lol

[+Nik Louch Subscriber²]

Have you included the jquery libraries, nivo JS plugin, etc?

[robertobaggio2k]

arent those files preloaded in the header? so the get header php code should have those or no?

[the better twin]

arent those files preloaded in the header? so the get header php code should have those or no?

Theyre loaded in the footer for each page.

so you copied this code and it still didnt work?

<div id="featured">
  <div id="featured_border">
   <div id="featured_inner">
    <div class="slider" id="slider" style="height: 350px;"><img src="https://cndiamonddealers.com/wp-content/themes/shiny/lib/timthumb.php?src=http://cndiamonddealers.com/wp-content/uploads/2012/05/slide13.jpg&w=930&h=350&zc=1" title="Black Diamonds" alt="Black Diamonds" /><img src="https://cndiamonddealers.com/wp-content/themes/shiny/lib/timthumb.php?src=http://cndiamonddealers.com/wp-content/uploads/2012/05/slide21.jpg&w=930&h=350&zc=1" title="Colored Diamonds" alt="Colored Diamonds" /><img src="https://cndiamonddealers.com/wp-content/themes/shiny/lib/timthumb.php?src=http://cndiamonddealers.com/wp-content/uploads/2012/05/slide31.jpg&w=930&h=350&zc=1" title="Purple Diamonds" alt="Purple Diamonds" />
</div>
<script type="text/javascript">
  var slideParams = [];
  slideParams['effect'] = 'random';
  slideParams['slices'] = '10';
  slideParams['animSpeed'] = '600';
  slideParams['pauseTime'] = '4000';
  slideParams['directionNav'] = 0;
  slideParams['directionNavHide'] = 0;
  slideParams['controlNav'] = 1;
  slideParams['keyboardNav'] = 1;
  slideParams['pauseOnHover'] = 0;
  slideParams['manualAdvance'] = false;
  slideParams['stopAtEnd'] = 0;
  slideParams['height'] = 350;
</script>   </div>
  </div>
</div>
[/CODE]

[the better twin]

The template i'm using for each page except the home page is single page left sidebar template.

I've tried copying the portion of the code from the home page into the other template which only created the border with no images inside, and the blue doesnt wrap.

As well for this youll need to edit the page template if you want the blue to reach further. this will be controlled by the css for the page templates.

[robertobaggio2k]

nope that wasnt what i copied...

it was this

<?php if($e404_options['home_slider']) : ?>
<div id="featured">
  <div id="featured_border">
   <div id="featured_inner">
    <?php e404_show_slider(); ?>
   </div>
  </div>
</div>
<?php endif; ?>
[/CODE]

[the better twin]

nope that wasnt what i copied...

it was this

<?php if($e404_options['home_slider']) : ?>
<div id="featured">
  <div id="featured_border">
   <div id="featured_inner">
	<?php e404_show_slider(); ?>
   </div>
  </div>
</div>
<?php endif; ?>
[/CODE]

Looks like a custom function. Can you not just generate a new nivoslider shortcode in the theme options?

http://e404themes.com/shiny/shortcodes/nivo-slider/

[robertobaggio2k]

Looks like a custom function. Can you not just generate a new nivoslider shortcode in the theme options?

http://e404themes.co...es/nivo-slider/

yes i can but i didnt like how it looked.

I was aiming at having the same look as the home page, but with just an image instead of a slider.

So i tried inserting the "Featured image" option on the page but it's not showing, so i tried the nivo slider and i couldnt get to work either.

I would prefer the featured image replacing the slide with the same look as the home page.... if that makes sense

[the better twin]

Ah right. Well unless the theme gives you the options to change the page layout you will probably have to modify the theme files to create a new page template which looks like the homepage.

See the page template bit on this page:

http://codex.wordpress.org/Pages

[ACTIONpack]

robertobaggio2k, Are you going to sell the templete to a website that sells templetes? If so then you can't use that in your templete with the license agreement.

[robertobaggio2k]

robertobaggio2k, Are you going to sell the templete to a website that sells templetes? If so then you can't use that in your templete with the license agreement.

what? im not selling anything lol... just bought the template and customizing to the clients likes to be used on his website.

That's all