vibeasite-templates/template-ecommerce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: ecommerce template (24 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:55:38 +00:00
parent ea9e3cb144
commit 4da53449db
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Cart.tsx
+8 -8
View File
@@ -90,7 +90,7 @@ export default function CartPage() {
<Plus className="h-3 w-3" /> <Plus className="h-3 w-3" />
</Button> </Button>
</div> </div>
<span className="font-semibold">\${(item.price * item.quantity).toFixed(2)}</span> <span className="font-semibold">${(item.price * item.quantity).toFixed(2)}</span>
</div> </div>
</div> </div>
</div> </div>
@@ -108,22 +108,22 @@ export default function CartPage() {
<div className="space-y-3 text-sm"> <div className="space-y-3 text-sm">
<div className="flex justify-between"> <div className="flex justify-between">
<span className="text-stone-500">Subtotal</span> <span className="text-stone-500">Subtotal</span>
<span className="font-medium">\${total.toFixed(2)}</span> <span className="font-medium">${total.toFixed(2)}</span>
</div> </div>
<div className="flex justify-between"> <div className="flex justify-between">
<span className="text-stone-500">Shipping</span> <span className="text-stone-500">Shipping</span>
<span className={`font-medium \${shipping === 0 ? "text-green-600" : ""}`}> <span className={`font-medium ${shipping === 0 ? "text-green-600" : ""}`}>
{shipping === 0 ? "Free" : `\$\${shipping.toFixed(2)}`} {shipping === 0 ? "Free" : `$${shipping.toFixed(2)}`}
</span> </span>
</div> </div>
<div className="flex justify-between"> <div className="flex justify-between">
<span className="text-stone-500">Tax</span> <span className="text-stone-500">Tax</span>
<span className="font-medium">\${tax.toFixed(2)}</span> <span className="font-medium">${tax.toFixed(2)}</span>
</div> </div>
{couponApplied && ( {couponApplied && (
<div className="flex justify-between text-green-600"> <div className="flex justify-between text-green-600">
<span>Discount (10%)</span> <span>Discount (10%)</span>
<span>-\${discount.toFixed(2)}</span> <span>-${discount.toFixed(2)}</span>
</div> </div>
)} )}
</div> </div>
@@ -132,7 +132,7 @@ export default function CartPage() {
<div className="flex justify-between text-lg font-bold"> <div className="flex justify-between text-lg font-bold">
<span>Total</span> <span>Total</span>
<span>\${grandTotal.toFixed(2)}</span> <span>${grandTotal.toFixed(2)}</span>
</div> </div>
{/* Coupon */} {/* Coupon */}
@@ -153,7 +153,7 @@ export default function CartPage() {
{shipping > 0 && ( {shipping > 0 && (
<p className="text-xs text-stone-400 mt-4 text-center"> <p className="text-xs text-stone-400 mt-4 text-center">
Add \${(100 - total).toFixed(2)} more for free shipping Add ${(100 - total).toFixed(2)} more for free shipping
</p> </p>
)} )}