Product Catalog
GreenCart's product catalog lets users browse, search, filter, and view product details.
Category View
The main browse screen with 8 grocery categories.
- Grid layout of category cards
- Tap a category to see its products
- Sub-category filters within each category
Category
8 Categories
| Category | Sub-categories |
|---|---|
| Vegetables | Leafy, Root, Organic, Seasonal |
| Fruits | Tropical, Berries, Citrus, Exotic |
| Dairy | Milk, Cheese, Butter, Yogurt |
| Pantry | Rice, Pasta, Oils, Condiments |
| Snacks | Chips, Biscuits, Nuts, Sweets |
| Beverages | Juices, Water, Tea, Coffee |
| Frozen | Frozen Veg, Ice Cream, Ready Meals |
| Household | Cleaning, Paper, Personal Care |
Product List
Products displayed in grid or list view.
Features
- Grid/List toggle — switch between 2-column grid and list view
- Search — real-time search as you type
- Filter drawer — filter by category, price, rating, availability
- Sort options — by price, newest, rating, or popularity
Product Card Shows
- Product image
- Name and weight
- Price (with discount if available)
- Star rating
- Wishlist heart icon
- Add to cart button
Product List
Product Details
Full product detail page with everything a customer needs.
Sections
- Image Gallery — swipeable product images with zoom
- Product Header — name, brand, rating
- Price — current price, original price, discount percentage
- Variant Selector — choose weight or size (250g, 500g, 1kg)
- Stock Status — In Stock / Low Stock / Out of Stock
- Description — full product description
- Related Products — similar items
Product Details
All Products
A simple grid showing every product with real-time search.
All Products