This commit is contained in:
2025-12-28 21:43:14 +07:00
parent 71089d1eef
commit 1bb5ad52ed
17 changed files with 3858 additions and 37 deletions

View File

@@ -10,7 +10,6 @@ export const BoxInfoRight = (item: ProductDetailData) => {
<h1 className="product-name color-black line-clamp-3 font-bold">
{item.product_info.productName}
</h1>
<div className="list-basic-product-info flex flex-wrap items-center">
<div className="item-basic">
SP: <span className="color-primary">{item.product_info.productSKU}</span>
@@ -32,7 +31,6 @@ export const BoxInfoRight = (item: ProductDetailData) => {
</div>
)}
</div>
{/* tình trạng */}
<div className="list-basic-product-info flex flex-wrap items-center gap-6">
<div className="item-basic">
@@ -45,11 +43,8 @@ export const BoxInfoRight = (item: ProductDetailData) => {
</div>
)}
</div>
{/* giá */}
<BoxPrice {...item} />
{item.product_info.specialOffer.all.length > 0 && (
<div className="box-offer-detail border-radius-10">
<div className="title-offer-detail flex items-center">
@@ -66,7 +61,6 @@ export const BoxInfoRight = (item: ProductDetailData) => {
</div>
</div>
)}
{/* mua hàng */}
{(item.product_info.quantity > '0' || item.product_info.price > '0') && (
<>
@@ -87,11 +81,7 @@ export const BoxInfoRight = (item: ProductDetailData) => {
+{' '}
</p>
</div>
<Link
href="#"
onClick={() => addProductToCart(item.product_info.id, 0, '')}
className="addCart flex flex-wrap items-center justify-center gap-3"
>
<Link href="#" className="addCart flex flex-wrap items-center justify-center gap-3">
<i className="sprite sprite-cart-detail"></i>
<p className="title-cart">Thêm vào giỏ hàng</p>
</Link>
@@ -99,37 +89,24 @@ export const BoxInfoRight = (item: ProductDetailData) => {
</div>
<div id="detail-buy-ads" className="detail-buy grid grid-cols-2 gap-2">
<Link
href="#"
className="detail-buy-now col-span-2"
onClick={() => buyNow(item.product_info.id, 0, '')}
>
<Link href="#" className="detail-buy-now col-span-2">
<span>ĐT MUA NGAY</span>
Giao hàng tận nơi nhanh chóng
</Link>
<Link
href="#"
className="detail-add-cart"
onClick={() => buyPayInstall(item.product_info.id, 0, '')}
>
<Link href="#" className="detail-add-cart">
<span>TRẢ GÓP QUA HỒ </span>
Chỉ từ 2.665.000/ tháng
</Link>
<Link
href="#"
className="detail-add-cart"
onClick={() => buyAlepay(item.product_info.id, 0, '')}
>
<Link href="#" className="detail-add-cart">
<span>TRẢ GÓP QUA THẺ</span>
Chỉ từ 1.332.500/ tháng
</Link>
</div>
</>
)}
{/* yên tâm mua hàng */}
n{/* yên tâm mua hàng */}
<div className="box-product-policy-detal boder-radius-10" style={{ marginTop: '24px' }}>
<h2 className="title font-[600]">Yên tâm mua hàng</h2>
<div className="list-showroom-detail flex flex-wrap justify-between">
@@ -151,7 +128,6 @@ export const BoxInfoRight = (item: ProductDetailData) => {
</div>
</div>
</div>
<BoxBought />
</>
);