Jamey Greenwood
9746bf183c
Create a reusable product card component with four variants: - :default (collection page) - full details with category - :featured (home page) - hover animation, badges - :compact (pdp related) - smaller, no badges/delivery - :minimal (error 404) - smallest, not clickable Accessibility improvements: - Use <a> for all clickable cards (keyboard nav, screen readers) - Use <div> only for non-clickable decorative cards Unified badge logic with priority: Sold out > New > Sale Co-Authored-By: Claude Opus 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