# `PhoenixKitEcommerce.Web.Components.ShopCards`
[🔗](https://github.com/BeamLabEU/phoenix_kit_ecommerce/blob/v0.1.8/lib/phoenix_kit_ecommerce/web/components/shop_cards.ex#L1)

Reusable product display components for the shop storefront.

Provides product card and pagination components shared between
the main catalog page and category pages.

# `product_card`

Renders a product card with image, title, price, and optional category badge.

## Attributes

* `product` (`:map`) (required)
* `currency` (`:any`) (required)
* `language` (`:string`) - Defaults to `"en"`.
* `filter_qs` (`:string`) - Defaults to `""`.
* `show_category` (`:boolean`) - Defaults to `false`.

# `shop_pagination`

Renders a "load more" button + page links for product grids.

## Attributes

* `page` (`:integer`) (required)
* `total_pages` (`:integer`) (required)
* `total_products` (`:integer`) (required)
* `per_page` (`:integer`) (required)
* `base_path` (`:string`) (required)
* `active_filters` (`:map`) - Defaults to `%{}`.
* `enabled_filters` (`:list`) - Defaults to `[]`.

---

*Consult [api-reference.md](api-reference.md) for complete listing*