Multiple Images for Items
Status: In Production
Release date: May 31st
In this release, we are adding the ability for Organizers to add as many images as they’d like to different item types. We will also add this functionality for other options, such as sponsors and funds. This functionality will ultimately elevate the donor’s experience since Organizers can include additional detailed images for each item they offer.
Here are the items and elements that have received the ability to add multiple images:
- Raffle prizes
- Sweepstake prizes
- Tickets
- Auctions items
- Sale items
- Crowdfunding Gifts
- Peer-to-Peer registrations
- Peer-to-Peer prizes
- Sponsors
- Funds
To account for the additional space needed in Experience Setup, all Entity Adding Interfaces (EAIs) will now be a popup modal, as shown in the screenshot here. When the modal is opened, you will see a new area on the left instructing the user to upload their images. Organizers can upload images by clicking on the “upload images” button or dragging and dropping images from their file system on their computer.
By default, the first image they upload will be denoted as the item’s “primary” image. The primary image is the main image that will be shown by default on the Experience Page to all supporters. In Experience Setup, the primary image is identified by the “Primary” tab on the upper left-hand corner of the image thumbnail (see screenshot). If the Organizer prefers another primary image or wants to reorder their images, they can drag and drop each image to their desired order. Organizers can add more images by pressing the “Upload images” button anytime.
The Organizer can access additional functions on each image simply by hovering over an image thumbnail (see screenshot). While in the hover state, the Organizer will see two additional options: 1) Crop; and 2) An "X" button to delete the image. When the crop button is pressed, it opens our cropping tool. This is the same as our current cropping tool. However, we’ve given it a slight design touch-up (see screenshot). When the delete button is pressed, the image is removed from the images added to the item.
Suppose the Organizer has chosen to import Auction items via our "Import multiple items" function, and they also want multiple images for each item. In that case, they can easily do this by using the following format in the "Image URL" field in the "Auction Items Bulk Import Template," where each image is separated by a semicolon for each image URL like so:
“https://go.rallyup.com/example-image-1; https://go.rallyup.com/example-image-2; https://go.rallyup.com/example-image-3”
Experience Page
On the donor-facing end, the UI to view images is straightforward. As noted earlier in this changelog post, you'll notice that the primary image is the first image that the supporter will see. Additionally, arrows and an image counter appear on each item with more than one image (see screenshot). The supporter can use the right arrow to view the next image or the left arrow to view the previous image. Once the supporter is in detail view, they can click on any image to open a lightbox to view each image in detail.