Grid Views using imagefield and multiple images

Purpose

This howto will briefly show you how to display just one image in Bonus: Grid View when you have multiple images enabled. By default, Bonus: Grid View will display all the images and break the formatting of the grid. This is undesirable, but can be fixed.

Required Modules

Views
Content Construction Kit (CCK)
Views Bonus Pack
Imagefield
Imagecache

Obligatory Disclaimer

BACK UP YOUR DATABASE. BACKUP YOUR FILES.

How To

1. Enable all the required modules (you can just enable Bonus: grid view from the Views Bonus Pack).
1. Site Building > Modules
2. Create a content type (e.g. slideshow)
1. Content Managment > Content Types
2. Add Content Type
3. name: SlideShow
4. type: slideshow
5. Save Content Type
3. Add an image field to the content type
1. Content Management > Content Types > Edit
2. Add a field
3. name: image
4. Field Type: Image
5. Create Field
4. Configure your image field
1. Configure Max Resolution, Image Path, allowable fields (i.e. alt and title)
2. Enable Multiple Values
5. Configure Imagecache
1. The full depth of configuring imagecache is beyond the scope of this howto. See the documentation for further information
6. Add a few slide show content types. Make sure to upload a few images for each node.
7. Configure how the imagefield is displayed
1. Content Management > Content Types > Edit > Display fields
2. For the Full option select an imagecache size that you configured in an earlier step
3. Grid View ignores the teaser so it doesn't matter.
8. Configure a view
1. Basic Information
1. Site Building > Views > Add
2. Name: slideshow
3. Description: Grid view of slide shows
2. Page
1. Page: Provide Page View
2. URL: slideshows
3. View Type: Bonus: Grid View
4. Title: My Great and Wonderful Slideshows
3. Fields
1. Image: Slideshow (field_slideshow_image) ---it may be named different---
2. Node: title (optional step)
3. Set the Image: Slideshow Handler to "Do not group multiple values"
4. Set the Option as one of your imagecache presets as link
4. Filters
1. Node: Type is One of Slideshow
2. Node: Published Equals Yes
3. Node: Distinct is distinct

Bonus

You can change the number of columns that display by adding this code to the Views Arguments Code textarea. It defaults to 4 columns, you can change that to two (2) for instance.
Site Building > Views > Edit --your view-- > Arguments > Argument Handling Code


$view->gridcount = 2;