jamey/simpleshop_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
8 Commits 1 Branch 0 Tags 27 MiB
Elixir 73.3%
HTML 22.6%
CSS 2.8%
JavaScript 1.1%
Dockerfile 0.2%
6a3069f854
Go to file
Jamey Greenwood 6a3069f854 feat: add preview page templates with theme styling 
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>
2025-12-30 22:06:04 +00:00
assets feat: add CSS generation system with custom properties and ETS cache 2025-12-30 21:41:25 +00:00
config mix phx.gen.auth Accounts User users 2025-12-30 12:26:46 +00:00
lib feat: add preview page templates with theme styling 2025-12-30 22:06:04 +00:00
priv feat: add CSS generation system with custom properties and ETS cache 2025-12-30 21:41:25 +00:00
test feat: add preview page templates with theme styling 2025-12-30 22:06:04 +00:00
.formatter.exs mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
.gitignore mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
AGENTS.md mix phx.gen.auth Accounts User users 2025-12-30 12:26:46 +00:00
mix.exs add Tidewave 2025-12-30 12:27:41 +00:00
mix.lock add Tidewave 2025-12-30 12:27:41 +00:00
README.md mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
SIMPLESHOP_THEME_STUDIO_SPEC.md feat: add Settings and Media contexts with theme settings schema 2025-12-30 21:35:52 +00:00
theme-demo-v28.html feat: add Settings and Media contexts with theme settings schema 2025-12-30 21:35:52 +00:00

README.md

SimpleshopTheme

To start your Phoenix server:

  • Run mix setup to install and setup dependencies
  • Start Phoenix endpoint with mix phx.server or inside IEx with iex -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