Wishlist Item Details

Each wishlist item has its own detail page where you can view all of its information, track progress toward fulfillment, and make quick updates without leaving the page.

To open an item's detail page, click any row in the wishlist table.

Page Layout

The detail page is organized into several sections:

Header

At the top of the page, the item header shows the item's name, category badge, and priority. If you have edit permissions, you can change the priority directly from a dropdown in the header without opening a form.

Product Image

On the left side of the page, the product image is displayed in a square card. If no image URL has been set for the item, a placeholder camera icon appears.

Quick-Edit Fields

To the right of the image, three inline-editable fields let you make fast updates:

• Price: The per-unit price. Change the number and click or tab away to save.
• Quantity Needed: The total number of units your organization needs. Must be at least 1.
• Received: How many units have been received so far. Update this as donations or purchases come in.

Changes to these fields save immediately; there's no separate save button to click. This makes it easy to update quantities quickly, such as when you're processing a delivery and want to record received items in real time.

Summary Cards

Below the editable fields, two summary cards provide a snapshot:

• Needed: Shows how many units are still outstanding (quantity needed minus quantity received).
• Total Needed: Shows the total dollar value of the remaining need (price multiplied by quantity needed), giving you a sense of the financial scope.

Product Link

If a product URL was added when the item was created, a View Product button appears here. Clicking it opens the product page on the retailer's website in a new browser tab.

Progress Tracking

A dedicated progress card shows:

• A percentage label (e.g., "75%") and a visual progress bar that fills from left to right as items are received.
• The exact received count out of the total needed (e.g., "3/10 received").
• A status badge that reads Needed when fulfillment is still in progress, or Fulfilled (in green) when the received quantity meets or exceeds the quantity needed.

Details

At the bottom, a card displays the item's description text. If no details were provided, an italicized placeholder reads "No details provided."

Editing an Item

Click the Edit button (pencil icon) in the action bar to open the full edit form in a dialog. The form includes all fields: name, priority, category, quantity needed, price, product URL, image URL, and details. Make your changes and save to update the item.

Deleting an Item

Click the Delete button (trash icon) in the action bar. A confirmation dialog will appear before the item is permanently removed from your wishlist.

Navigating Back

Click the Back link at the top left of the page to return to the main wishlist table.