Product Details

Explore product pages — image galleries, descriptions, ratings, reviews, and stock information.

Product Details

Tapping any product card opens the Product Details Screen — a rich, immersive page that gives you everything you need to make a confident purchase.


At the top of the product page is a full-width image carousel. Swipe left or right to browse multiple product photos. Tap any image to view it in full-screen mode.

Products can have multiple images uploaded by the admin (via Cloudinary). If only one image is available, the carousel shows a single image.


Product Information

Below the gallery you'll find:

SectionContent
Category BadgeShows the product category (e.g. Clothing, Diapers)
Product NameFull product title
Rating StarsAverage rating (e.g. ½) with total review count
PriceListed price in USD
Stock StatusIn Stock / Low Stock / Out of Stock
DescriptionFull product description with ingredients, materials, and safety notes

Stock Status Colors

  • 🟢 In Stock — more than 5 units available
  • 🟡 Low Stock — 5 or fewer units remaining (visible warning banner)
  • Out of Stock — 0 units; Add to Cart is disabled; "Notify Me" / Wishlist button is shown

Adding to Cart

Tap the "Add to Cart" button at the bottom of the screen. If the item is already in your cart, tapping again increments the quantity (up to the available stock limit).

You cannot add more items than what is currently in stock. The app enforces stock limits at both the UI and checkout levels.


Wishlist from Product Page

Tap the heart icon in the top-right of the page to add/remove the product from your Wishlist. The icon fills pink when wishlisted.

If the product is out of stock, wishlisting it registers you for an automatic back-in-stock email alert (see Wishlist).


Customer Reviews

Scroll down past the product info to see the Reviews section:

  • Overall rating bar — Shows distribution of 1–5 star ratings as progress bars
  • Individual reviews — Each review shows reviewer name, star rating, comment, and date

Reviews are seeded by admin and can be written by users (feature managed by the admin panel).


On this page