Thumbnail Pile theme for WeaverPix
Introduction
What the Thumbnail Pile theme does is to take a collection of images and sort them into groups, based on the title you give each image. These groups of images are displayed in the form of a thumbnail pile (hence the name). Each pile displays the group name and the number of images within that group. Clicking on a thumbnail pile opens the group and displays all the images within that group. Captions are displayed on hover, and you can also set the thumbnail images to open links when clicked or tapped. An image can belong to more than one group, just enter commas in the title to split an image between two or more groups.
This WeaverPix theme uses the latest web technologies, including jQuery Javascript, HTML5 and CSS3. Thumbnail Pile is responsive and the number of columns displayed adjusts based on the screen width and width of the thumbnail images.
Style settings are included, letting you adjust the thumbnail sizing, border width, border color and several color options. Potentially you could write your own custom CSS code to change other aspects, if you wanted. On web browsers without Javascript support, the thumbnails are rendered in the form of a basic stack.
CSS animations and transitions only work in newer browsers that support them. Special effect degrade gracefully in older web browsers. This WeaverPix theme makes use of HTML5 code, and therefore will require a RapidWeaver theme with an HTML5 doctype.
Like the original plugin this WeaverPix theme is based on, the available space for image captions is limited. If you find that your captions are becoming cropped, you should either reduce the amount of caption content you provide with each image, or increase the size of the thumbnail images.
Key features
- This theme responds to screen size and adjusts the number of columns displayed.
- Change various aspects like style, layout and animation effects, using built-in theme options.
- Images are automatically sorted into piles, based on their title attribute.
- Images can be setup to link through to other pages, resources or external websites.
- Thumbnails are generated to the maximum size required. This means your pages load faster.
Screenshots
Thumbnail pile sorts a collection of images into piles, based on the titles you apply to images. 
Clicking on a thumbnail pile reveals that group of images. The title of the images and a back button is displayed at the top. Hovering over images reveals their caption content.
Requirements
These are the essential minimal requirements for installing and using this WeaverPix theme:
- A RapidWeaver theme with an HTML5 Doctype
- RapidWeaver 5.3 or later
- WeaverPix 3.1 or later
It is recommended that you have automatic updates enabled in WeaverPix and that you install the free plugin updates as they become available.
Installation
Add a new WeaverPix page to your project on RapidWeaver (if it does not already have a WeaverPix page). Click into edit mode. Click on the weaverPix Themes button in the lower toolbar. On the new window that opens, click on the dark Manage Themes button.
In the theme manager window, click on the blue Install theme button at the top right. Choose the theme to install in Finder. Once added, the theme will be listed in the table.
Note that in the theme manager window, you can also use the provided buttons to get information about themes and delete themes you are not using any more. More information about installing and managing WeaverPix themes can be found on the support website.
Using your new theme
Once installed, simply select your theme for use in the WeaverPix themes window. Click on the activate button to enable it and apply it to your project. Follow all the normal instructions for adding images to your WeaverPix page, setting up a warehouse, providing image data or content, plus many other common tasks.
Support
There are many support resources available to help you use your new WeaverPix theme and get the best results from it. Alongside using the help buttons in WeaverPix, here are some other resources:
1) When you open the Themes window in WeaverPix, click on the About, Features and Credits tabs, to access more information exclusive to your WeaverPix theme. This information sometimes includes links to external websites and important instructions.
2) Theme options are all ‘tool-tipped’ and include a written description underneath each setting, explaining what it does.
3) Search the WeaverPix Knowledgebase. There are now over 20 articles covering various topics releating to WeaverPix.
4) Get in contact via the Javabean Software website. To ensure a timely response to your questions, remember to include the name of the theme being used, the version number of the theme, the version number of WeaverPix you are using, a full written description of the issue and the link to your test page. If no test site is available, then provide a link to your RapidWeaver sandwich file instead and stipulate what page your querry releates to.
