Welcome Guest! To access all forums & features, please register an account or sign-in. → Why register?



Adding Nivo Slider to template


10 replies to this topic - - - - -

#1 robertobaggio2k

    Don Corleone

  • 2,408 posts
  • Joined: 02-December 01
  • Location: Toronto, Canada
  • OS: Mac OSX Lion
  • Phone: iPhone 4

Posted 09 May 2012 - 16:31

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


#2 nik louch

    ..:::..:::..:::..

  • 31,358 posts
  • Joined: 14-January 03
  • Location: Leicester, UK
  • OS: Windows 7, OSX, Android, Ubuntu
  • Phone: Galaxy Note II

Posted 09 May 2012 - 16:37

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

#3 OP robertobaggio2k

    Don Corleone

  • 2,408 posts
  • Joined: 02-December 01
  • Location: Toronto, Canada
  • OS: Mac OSX Lion
  • Phone: iPhone 4

Posted 09 May 2012 - 17:16

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

#4 the better twin

    Resident Elite

  • 1,108 posts
  • Joined: 26-January 10

Posted 09 May 2012 - 19:44

View Postrobertobaggio2k, on 09 May 2012 - 17:16, said:

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="http://cndiamonddealers.com/wp-content/themes/shiny/lib/timthumb.php?src=http://cndiamonddealers.com/wp-content/uploads/2012/05/slide13.jpg&amp;w=930&amp;h=350&amp;zc=1" title="Black Diamonds" alt="Black Diamonds" /><img src="http://cndiamonddealers.com/wp-content/themes/shiny/lib/timthumb.php?src=http://cndiamonddealers.com/wp-content/uploads/2012/05/slide21.jpg&amp;w=930&amp;h=350&amp;zc=1" title="Colored Diamonds" alt="Colored Diamonds" /><img src="http://cndiamonddealers.com/wp-content/themes/shiny/lib/timthumb.php?src=http://cndiamonddealers.com/wp-content/uploads/2012/05/slide31.jpg&amp;w=930&amp;h=350&amp;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>


#5 the better twin

    Resident Elite

  • 1,108 posts
  • Joined: 26-January 10

Posted 09 May 2012 - 19:48

View Postrobertobaggio2k, on 09 May 2012 - 16:31, said:


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.

#6 OP robertobaggio2k

    Don Corleone

  • 2,408 posts
  • Joined: 02-December 01
  • Location: Toronto, Canada
  • OS: Mac OSX Lion
  • Phone: iPhone 4

Posted 09 May 2012 - 19:50

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


#7 the better twin

    Resident Elite

  • 1,108 posts
  • Joined: 26-January 10

Posted 09 May 2012 - 20:00

View Postrobertobaggio2k, on 09 May 2012 - 19:50, said:

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; ?>
Looks like a custom function. Can you not just generate a new nivoslider shortcode in the theme options?
http://e404themes.co...es/nivo-slider/

#8 OP robertobaggio2k

    Don Corleone

  • 2,408 posts
  • Joined: 02-December 01
  • Location: Toronto, Canada
  • OS: Mac OSX Lion
  • Phone: iPhone 4

Posted 09 May 2012 - 20:10

View Postthe better twin, on 09 May 2012 - 20:00, said:

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

#9 the better twin

    Resident Elite

  • 1,108 posts
  • Joined: 26-January 10

Posted 09 May 2012 - 21:29

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


#10 ACTIONpack

    Graphic Designer

  • 1,660 posts
  • Joined: 10-August 03
  • Location: Lawrenceville, GA
  • OS: Windows 8 Pro
  • Phone: HTC Windows 8X

Posted 10 May 2012 - 22:14

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.

#11 OP robertobaggio2k

    Don Corleone

  • 2,408 posts
  • Joined: 02-December 01
  • Location: Toronto, Canada
  • OS: Mac OSX Lion
  • Phone: iPhone 4

Posted 11 May 2012 - 14:28

View PostACTIONpack, on 10 May 2012 - 22:14, said:

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