Views Showcase
This is the Views Showcase documentation page. Here are the instructions for configuring the module for simple use.
You must have the Views module and Views Showcase installed to be able to follow the instructions given here. You also must know how to create a view and configure it properly. I'll only show how to configure Views Showcase not the entire view, since it's up to you.
Since version 6.2 of this module depends on Libraries API module.
You also need to manually download the two Javascript libraries: Cycle and
Easing and put them in the sites/all/libraries folder.
The first thing you should do is to add some fields to your View. The Views Showcase requires at least 3 fields:
- A field to be used as title
- A field to be used as teaser
- A field to be used as thumbnail
Notice that you do not necessarily need to use node Title and/or Teaser but only two fields you want.
Important: You must order your fields in this sequence: Image, title, teaser. Otherwise the showcase will behave strangely. This should be fixed in the future.
The next step is to choose the Style at Basic Settings. Once you have installed Views Showcase you'll notice a new style called Views Showcase. Once you choose this style you can set up some settings:
For newer installations using Views3 and D7, the option to select Views Showcase is in the format settings. A nice guide Views Slideshow that can be appropriated for setting up Views Showcase can be found at Adaptive Themes.
- Skin - The skin you want to use
- Timeout - The time each slide will be shown
- Cycle Plugin Effect - The main effect
- Sync setting - If the slides will be synchronized
- Pause on hover the slide
- Pause on hover the list
- Easing Plugin Effect - The secondary effect
You can leave as the default or not.
Following you must set the row style as Views Showcase and then choose each field correctly.
That's it. It should work for most configurations.
Some browsers have particular issues. This module will not work properly on IE 6 and I don't plan to fix it.
Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion