Display multiple slides from single node (Step by step tutorial)

I've found a way to add a multiple slides from one single page instead of creating an individual page per each slide. The tutorial is broken down into each individual step with an accompanied screenshot so you can't get lost. The actual setup is very simple, but I wanted to have a tutorial that anyone could follow, so it's a little verbose.

What modules you need

Views: RC3
Views Nivo Slider: Latest Dev
Field Collections: Latest Dev

Step 1

Add a slideshow field collection to your content type.
http://www.diigo.com/item/image/1ks4o/8ge7?size=o

Step 2

Find your field collection (admin/structure/field-collections) and click manage fields.
Add the following three fields (Title, Link and Image)
http://www.diigo.com/item/image/1ks4o/ro7x?size=o

Step 3

Create a new view that display "content".
http://www.diigo.com/item/image/1ks4o/3c16?size=o

Step 4

Add a Contextual filter to the view.
http://www.diigo.com/item/image/1ks4o/h2qt?size=o

Choose "Content: Nid"
http://www.diigo.com/item/image/1ks4o/ntgu?size=o

Configure the settings to "Provide default value" from "Content ID from URL"
http://www.diigo.com/item/image/1ks4o/4doa?size=o

This will make it so that only the slides associated with the page being viewed will be displayed<.em>
If you are using panels I show you a way to override this in Step 11. You can manually provide the NID through a pane configuration.

Step 5

Add a relationship to the view.
http://www.diigo.com/item/image/1ks4o/wt7y?size=o

You will choose your field collection.
http://www.diigo.com/item/image/1ks4o/mt9i?size=o

Doing this allows us to pull in the field collection data from the node.

Step 6

Add a filter to the view.
http://www.diigo.com/item/image/1ks4o/sh97?size=o

You will choose the same value you chose for the relationship.
http://www.diigo.com/item/image/1ks4o/sgry?size=o

Configure the fields operator to "Is not empty (NOT NULL)"
http://www.diigo.com/item/image/1ks4o/en7g?size=o

This will make it so the slideshow is only displayed if slides have actually been created.

Step 7

Add your three fields (Title, Link, Image)
http://www.diigo.com/item/image/1ks4o/2k7a?size=o
http://www.diigo.com/item/image/1ks4o/1cnw?size=o

For Title make sure you un-check "Create Label" and you set the formatter as "Plain text"
http://www.diigo.com/item/image/1ks4o/k5pg?size=o

For Link make sure you un-check "Create Label" and you keep the formatter as "Title, as link (default)"
http://www.diigo.com/item/image/1ks4o/q36t?size=o

For Image make sure you un-check "Create Label" and you keep the formatter as "Image". Also, leave image style as "None (original image)" and the "Link image to" as "Nothing"
http://www.diigo.com/item/image/1ks4o/j2pa?size=o

Step 8

Change your Format's "format" and "show" to "Views Nivo Slider"
http://www.diigo.com/item/image/1ks4o/208x?size=o

In the format settings you can choose the image style you want for your images
http://www.diigo.com/item/image/1ks4o/2bty?size=o

In the show settings you will define your (Title, Link and Image) fields.
http://www.diigo.com/item/image/1ks4o/ro82?size=o

Make sure to leave the link field set to <none>. This is some sort of bug right now and setting it to any value breaks the slideshow.

Step 9

Set your pager to display all items.
http://www.diigo.com/item/image/1ks4o/7m1w?size=o

Step 10

Create a block or if you're using panels create a content pane.
http://www.diigo.com/item/image/1ks4o/p1vm?size=o

Optional Step 11 (For Panels Only)

Allow NID input on pane config
http://www.diigo.com/item/image/1ks4o/beqo?size=o
http://www.diigo.com/item/image/1ks4o/hd2g?size=o

Final Step

Insert your block or your panel into your page view.

What's left to do?

Feedback over here would be appreciated #1351114: Hide direction and control navigation when only single slide
Lets work on resolving this problem #1121072: clickable images
This would also be nice #1252068: Allows two (or more) slider on the same page