E-Commerce Product Page
Bolt.new prompt for a product page with image gallery, variant selectors, reviews, and mobile optimization.
Prompt
Create a modern e-commerce product page with: ## Product Display - Large product image gallery with thumbnails and zoom on hover - Image carousel/slider for mobile - Product title, price, and discount badge - Star rating display (4.5 stars, 128 reviews) - Short description and detailed specifications table - Color and size variant selectors - Quantity selector with +/- buttons - "Add to Cart" and "Buy Now" CTA buttons - Stock availability indicator ## Product Tabs - Description — Rich text with images - Specifications — Table format - Reviews — Star breakdown chart + review list with filters - Q&A — Community questions and answers ## Related Products - "You may also like" horizontal scrollable row - 4-6 product cards with image, title, price, rating ## Additional Features - Breadcrumb navigation - Share button (social media links) - Wishlist heart icon - Size guide modal - Sticky "Add to Cart" bar on mobile scroll Style: Clean, modern e-commerce aesthetic. White background, subtle shadows, good typography hierarchy. Fully responsive — optimized for mobile shopping.
What you get when you save this prompt
Your workspace unlocks powerful tools to iterate and improve.
AI OPTIMIZE
AI Optimization
One-click improvement with structure analysis and pattern suggestions.
VERSION DIFF
Version History
Track every edit. Compare versions side-by-side with word-level diffs.
ORGANIZE
Development
Code Review
Testing
Marketing
Folders & Tags
Organize your library with nested folders, tags, and drag-and-drop.
MCP
$ npm i -g @promptingbox/mcpClaude · Cursor · ChatGPT
Use Everywhere
Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.
Your prompts, organized
Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.