Skip to main content

Book Details

The Book Details overlay provides comprehensive information about a book and actions you can take with it.

Opening Book Details​

The book details overlay appears when you:

  • Tap a book from search results
  • Select a book from any book list
  • Tap a book card in feeds or recommendations

The overlay is presented as a draggable bottom sheet:

  • Initial size - 90% of screen height
  • Minimum size - 50% of screen height
  • Maximum size - 95% of screen height
  • Draggable - Pull down to resize or dismiss

Book Information​

Cover Image​

The book's cover image is displayed prominently at the top:

  • Size - 300px height, proportional width
  • Fallback - Book icon if image fails to load
  • Source - Book data from ISBNdb or publisher

Title and Authors​

Title

  • Displayed in large book title typography
  • Full title always visible (wraps to multiple lines)

Subtitle (if available)

  • Displayed in italicized style below title
  • Regular font weight to distinguish from main title

Authors

  • Prefixed with "by"
  • Multiple authors shown comma-separated
  • Displayed in author typography (16px font size)

Metadata Card​

Book metadata is shown in a brown-tinted card:

Publication Information:

  • Publisher - Publishing company name
  • Published - Publication year
  • Pages - Page count

Identifiers:

  • ISBN-13 - 13-digit ISBN if available
  • ISBN-10 - 10-digit ISBN if available

Categories:

  • Displayed as chips below other metadata
  • Multiple categories shown in a wrapped layout
  • Chip style with minimal padding
note

Only available metadata is displayed. Missing fields are hidden automatically.

Description​

If a book description is available:

  • Shown under "About this book" heading
  • Full description text in body typography
  • Usually sourced from publisher or ISBNdb

Available Actions​

The actions available depend on the book's availability and your home store setting.

Add to Cart​

When Available:

  • Shows when book is available for purchase
  • Button text varies based on fulfillment method

Button Variations:

  1. With Home Store + In Stock

    • Button: "Buy at [Store Name]"
    • Adds to cart with store fulfillment

  2. With Home Store + Special Order

    • Label: "Available as special order"
    • Button: "Order Through [Store Name]"
    • Note: Book fulfilled via Ingram through your home store

  3. Without Home Store

    • Button: "Order Now"
    • Fulfilled by BookWish Direct

What Happens:

  • Book is added to your cart
  • Overlay automatically closes
  • Success message: "Added to cart"
info

Your cart icon in the navigation bar will update to show the new item count.

Add to Wishlist​

Available on all books via the heart icon button:

  • Icon-only button - 48×48px with heart icon
  • Position - Next to Add to Cart button
  • Always visible - Even when book is unavailable

For Authenticated Users:

If you have no wishlists:

  • Automatically creates "My Wishlist"
  • Adds book to the new wishlist
  • Confirmation: "Added to My Wishlist"

If you have one wishlist:

  • Directly adds to your wishlist
  • Confirmation shows wishlist name

If you have multiple wishlists:

  • Opens selection dialog
  • Choose which wishlist to add to
  • Confirmation shows selected wishlist name

For Guest Users:

First time:

  • Dialog: "Create an Account"
  • Explains wishlists require a BookWish account
  • Options: "Maybe Later" or "Create Account"
  • Browser hint is shown (only once)

Subsequent attempts:

  • Snackbar: "Please create an account to save wishlists"
  • Action button: "Sign Up"
  • Tapping closes overlay and navigates to signup
tip

You can add a book to your wishlist even if it's not available for purchase. This helps you track books you want to find later.

Stock Alerts​

When a book is unavailable at your home store, a stock alert option appears:

Subscribe to Alert:

  • Button: "Notify when available"
  • Icon: Bell outline
  • Style: Outlined button with ink blue border

What Happens:

  • Creates a stock alert for the book at your home store
  • You'll receive a notification when the book is in stock
  • Button changes to "Alert set" with filled bell icon

Remove Alert:

  • Tap "Alert set" button
  • Confirmation dialog: "Remove alert?"
  • Explains you won't be notified
  • Options: "Cancel" or "Remove"

Limitations:

  • Only available if you have a home store set
  • Only for books unavailable at home store
  • Ingram stock changes are not monitored

Unavailable Books​

When a book is not available anywhere:

Displayed:

  • Warning card with red accent
  • Icon: Exclamation circle
  • Message: "Currently unavailable for purchase"

Available Actions:

  • Stock alert (if home store set)
  • Add to wishlist (always available)

Book Data Source​

Book information comes from ISBNdb and includes:

  • id - BookWish book identifier
  • isbn13 - 13-digit ISBN
  • isbn10 - 10-digit ISBN
  • title - Book title
  • subtitle - Book subtitle (optional)
  • authors - Array of author names
  • publisher - Publisher name
  • publishedDate - Publication date
  • pageCount - Number of pages
  • description - Book description/summary
  • coverImageUrl - Cover image URL
  • thumbnailUrl - Smaller cover image URL
  • categories - Array of genre/category tags

Analytics​

When you open a book's details:

  • Event logged - "view_book"
  • Tracked data - Book ID and title
  • Used to improve recommendations