Cart page
Show cart items
Use useCart()
hook to show cart items and counts on a cart page or a sidebar.
import {useCart} from "builderoo";
const {items} = useCart()
Update cart items
import {useCartItemQuantity} from "builderoo";
const {add, remove, set, count} = useCartItemQuantity(productId, variantId)
// Now add 1 item to the cart
add(1)
// remote the item from the cart
remove()
// set quantity of the product to a specific number
set(3)
Checkout
Checkout is as easy as having a link with href set to /checkout
.
import {Link} from "builderoo";
function Cart(props) {
return (
<div>
{/* other things */}
<Link href="/checkout">Checkout Now</Link>
</div>
);
}