CartDrawer
the cart from anywhere, as a full-height panel: the lines scroll, the totals and the way to pay stay pinned at the bottom
role: cart pages: home, catalog, product, cart motion: none
Install
npx shadcn-vue@latest add @trame/commerce-cart-drawer # Vue
npx shadcn@latest add @trame/commerce-cart-drawer # Reactdrawer
@trame/commerce-cart-drawer--drawer the cart from anywhere, as a full-height panel: the lines scroll, the totals and the way to pay stay pinned at the bottom
popover
@trame/commerce-cart-drawer--popover a small card under the header’s cart icon: three lines at most, then « Voir le panier »
dialog
@trame/commerce-cart-drawer--dialog a centred confirmation after an addition: the lines with their quantities and one « Confirmer » that leads to checkout
tiles
@trame/commerce-cart-drawer--tiles a wide drawer whose lines are picture tiles in a grid, totals and buttons pinned at the foot: picture-led shops (beauty, fashion) with two to six lines, where a product is recognised by its picture