Cửa Nhôm Xingfa Phòng Ngủ

Chất Liệu: Nhôm Kính

Kích thước: Theo yêu cầu

Bảo hành: 2 năm và hỗ trợ trọn đời

Liên hệ báo giá: 0867727423

Liên hệ tư vấn Liên hệ Zalo

Danh mục: Nhôm Xingfa Thẻ: Cửa Nhôm Xingfa Phòng Ngủ

/* ====== Card sản phẩm bằng nhau trên desktop và mobile ====== */ /* Layout dạng lưới cho danh sách sản phẩm */ .woocommerce ul.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; } /* Card sản phẩm linh hoạt chiều cao */ .woocommerce ul.products li.product { display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 400px; /* Điều chỉnh chiều cao tối thiểu nếu cần */ box-sizing: border-box; background: #fff; padding: 10px; border: 1px solid #eee; border-radius: 6px; } /* Tiêu đề sản phẩm */ .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 48px; /* Đảm bảo tiêu đề không bị lệch */ font-size: 16px; line-height: 1.4; margin-bottom: 10px; } /* Vị trí nút Add to cart luôn ở cuối card */ .woocommerce ul.products li.product .button { margin-top: auto; } /* Ảnh sản phẩm đồng bộ kích thước */ .woocommerce ul.products li.product img { width: 100%; height: 250px; /* hoặc auto nếu muốn co theo tỉ lệ */ object-fit: cover; border-radius: 4px; } /* Responsive cho màn hình nhỏ */ @media (max-width: 768px) { .woocommerce ul.products { grid-template-columns: 1fr 1fr; /* hoặc 1fr nếu muốn 1 cột */ gap: 15px; } .woocommerce ul.products li.product { min-height: 360px; /* Chiều cao tối thiểu mobile */ padding: 8px; } .woocommerce ul.products li.product img { height: 200px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 42px; font-size: 14px; } }

Cửa Nhôm Xingfa Phòng Ngủ

Đánh giá

HỖ TRỢ KHÁCH HÀNG

LIÊN HỆ VỚI CHÚNG TÔI

Cửa Nhôm Xingfa Phòng Ngủ

Thông tin khách hàng

Đánh giá

Sản phẩm tương tự

Đăng nhập