---
title: Commerce
source_url:
  html: 'https://shopify.dev/docs/api/shop-minis/components/commerce'
  md: 'https://shopify.dev/docs/api/shop-minis/components/commerce.md'
api_name: shop-minis
---

# Commerce

[![AddToCartButton](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/AddToCartButton-DURzwURn.png)![AddToCartButton](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/AddToCartButton-DURzwURn.png)](https://shopify.dev/docs/api/shop-minis/components/commerce/addtocartbutton)

[Add​To​Cart​Button](https://shopify.dev/docs/api/shop-minis/components/commerce/addtocartbutton)

[Adds products to Shop's cart with checkmark animation feedback.](https://shopify.dev/docs/api/shop-minis/components/commerce/addtocartbutton)

[![BuyNowButton](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/BuyNowButton-BfqFltBR.png)![BuyNowButton](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/BuyNowButton-BfqFltBR.png)](https://shopify.dev/docs/api/shop-minis/components/commerce/buynowbutton)

[Buy​Now​Button](https://shopify.dev/docs/api/shop-minis/components/commerce/buynowbutton)

[Navigates directly to Shop's express checkout, bypassing the cart entirely.](https://shopify.dev/docs/api/shop-minis/components/commerce/buynowbutton)

[![FavoriteButton](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/FavoriteButton-D9OAhJlP.png)![FavoriteButton](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/FavoriteButton-D9OAhJlP.png)](https://shopify.dev/docs/api/shop-minis/components/commerce/favoritebutton)

[Favorite​Button](https://shopify.dev/docs/api/shop-minis/components/commerce/favoritebutton)

[A button component for toggling a favorite state, typically used for products.](https://shopify.dev/docs/api/shop-minis/components/commerce/favoritebutton)

[![MerchantCard](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/MerchantCard-BEB5ARky.png)![MerchantCard](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/MerchantCard-BEB5ARky.png)](https://shopify.dev/docs/api/shop-minis/components/commerce/merchantcard)

[Merchant​Card](https://shopify.dev/docs/api/shop-minis/components/commerce/merchantcard)

[Use when showcasing merchants as destinations, not just product sources.](https://shopify.dev/docs/api/shop-minis/components/commerce/merchantcard)

[![ProductCard](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/ProductCard-Bcgva7c6.png)![ProductCard](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/ProductCard-Bcgva7c6.png)](https://shopify.dev/docs/api/shop-minis/components/commerce/productcard)

[Product​Card](https://shopify.dev/docs/api/shop-minis/components/commerce/productcard)

[Optimized for grid layouts with three variants: default, priceOverlay, and compact.](https://shopify.dev/docs/api/shop-minis/components/commerce/productcard)

[![ProductLink](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/ProductLink-DUa0xTsk.png)![ProductLink](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/ProductLink-DUa0xTsk.png)](https://shopify.dev/docs/api/shop-minis/components/commerce/productlink)

[Product​Link](https://shopify.dev/docs/api/shop-minis/components/commerce/productlink)

[A list item component for displaying products in search results, lists, and feeds.](https://shopify.dev/docs/api/shop-minis/components/commerce/productlink)

[![Search](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/Search-LNQULaaC.png)![Search](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/development/assets/assets/images/templated-apis-screenshots/shop-minis/Search-LNQULaaC.png)](https://shopify.dev/docs/api/shop-minis/components/commerce/search)

[Search](https://shopify.dev/docs/api/shop-minis/components/commerce/search)

[Product search with automatic debouncing via useProductSearch hook.](https://shopify.dev/docs/api/shop-minis/components/commerce/search)

***