Jamey Greenwood
6a3069f854
Implement all 7 preview pages showcasing theme customization: - Home page: hero, featured products, testimonials, categories - Collection page: product grid with filters and sorting - Product detail page (PDP): gallery, variants, add to cart - Cart page: cart items with quantity controls and order summary - About page: company story and values - Contact page: contact form and business information - 404 error page: error message with product suggestions Features: - All pages use CSS custom properties for theming - Preview data from PreviewData module (mock products, testimonials, categories) - Responsive layouts with Tailwind utilities - Grid columns respect theme settings - Colors, typography, shapes, and spacing all theme-aware - Components created as embed_templates for clean separation Technical implementation: - Created PreviewPages component module with embed_templates - Wired up preview_data in LiveView mount - Updated index.html.heex to render preview pages based on @preview_page - All pages styled with inline styles using CSS variables - Scrollable preview frame with max-height All tests passing (197 total). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
SimpleshopTheme
To start your Phoenix server:
- Run
mix setupto install and setup dependencies - Start Phoenix endpoint with
mix phx.serveror inside IEx withiex -S mix phx.server
Now you can visit localhost:4000 from your browser.
Ready to run in production? Please check our deployment guides.
Learn more
- Official website: https://www.phoenixframework.org/
- Guides: https://hexdocs.pm/phoenix/overview.html
- Docs: https://hexdocs.pm/phoenix
- Forum: https://elixirforum.com/c/phoenix-forum
- Source: https://github.com/phoenixframework/phoenix