Jan 13 2013
Drupal 7 – How to create Slideshow using Views 3 module?
Recently I built a Slideshow for one of my Drupal 7 site using Views 3 module and jQuery Cycle plugin for effects.
Assumptions
- Views 3 plugin installed and running
- Views Slide show and Views Slideshow:plugin installed and running
- Your current theme have a dedicated region to show slideshow
Requirement
Company’s website needs a stunning slideshow banner on homepage to engage the user.
Approach
- Create a Content Type ‘Homepage Slideshow‘
- (Optional) In Form Submission setting you can un-check the Body text-area as we will not be using it
- Add an Image Field to Homepage Slideshow content type and lets label it as Upload Image:
- Configure Image Field so that user can upload multiple images
- Create a page using HomePage Slideshow content type and upload 5-6 images that you want to appear in slideshow
- Now create a new View and lets call it HomePage Slideshow
- As we will only need a Block View for this, we will un-check option to create a Page View
- Give the appropriate value for Title and for Block name lets call it HomePage Slideshow
- Under Format select Slideshow as the option. Tweak the settings as per you need
- For the Show option under Format section select Field. Leave the settings for field as it is
- Under Fields section select the Upload Image (the one we created in step 3)
- Filter Criteria would be Content: Published (Yes) and Content Type (=Homepage Slideshow)
- Save the View
- Visit the Block Overview section. If everything went well you should be seeing a block called ‘Homepage Slideshow’ under Disabled section.
- Push the Homepage Slideshow block to the Region where you want slideshow to appear.
- Save the block and visit the page to verify that it’s working fine.
Attached is the screen shot of Views setting
For full size image please click here
