E-commerce Website Prompts

Create an e-commerce product listing page:

1. PAGE HEADER
- Breadcrumb: Home > Category > Subcategory
- Category title and description
- Product count: "Showing 48 of 156 products"

2. FILTER SIDEBAR...

Create an e-commerce product detail page:

1. IMAGE GALLERY (left side, 50-60% width)
- Main image (large, zoomable on hover)
- Thumbnail strip (vertical or horizontal)
- Image zoom/lightbox on click...

Create a shopping cart page:

1. PAGE HEADER
- "Shopping Cart" title
- Item count: "(3 items)"
- "Continue Shopping" link

2. CART ITEMS LIST
For each item:
- Product image (clickable, links to produc...

Create a multi-step checkout flow:

1. LAYOUT
- Clean, distraction-free design
- Progress indicator (steps 1-4)
- Order summary sidebar (collapsible on mobile)
- Trust badges in footer
- Minimal heade...

Create an e-commerce store homepage:

1. ANNOUNCEMENT BAR
- Free shipping threshold
- Sale announcement
- Dismissible

2. NAVIGATION HEADER
- Logo
- Search bar (expandable on mobile)
- Category mega m...

Create a customer account dashboard:

1. LAYOUT
- Sidebar navigation (left)
- Main content area (right)
- Welcome message with customer name

2. SIDEBAR NAVIGATION
- Dashboard (overview)
- Orders
- Ad...

Create a product quick view modal:

1. MODAL STRUCTURE
- Overlay background (dark, semi-transparent)
- Centered modal (max-width: 900px)
- Close button (X in top right)
- Click outside to close
- Esca...

Create an e-commerce search experience:

1. SEARCH BAR
Default state:
- Search icon
- Placeholder: "Search products..."
- Recent searches (if any)

Expanded/Focus state:
- Full-width overlay or dropdo...

Create a wishlist/saved items page:

1. PAGE HEADER
- "My Wishlist" title
- Item count
- "Share Wishlist" button (generates link)
- "Move All to Cart" button

2. WISHLIST GRID
For each item:
- Product...

Create an order tracking page:

1. TRACKING LOOKUP (public page)
For non-logged-in users:
- Order number input
- Email address input
- "Track Order" button

2. TRACKING RESULTS
Order Header:
- Order n...