{
if (img && !validImages.includes(img)) {
validImages.unshift(img);
}
});
if ($event.detail.images.length > 0) activeImg = $event.detail.images[0];
} else if ($event.detail.image) {
activeImg = $event.detail.image;
if (!validImages.includes($event.detail.image)) {
validImages.unshift($event.detail.image);
}
}
}
"
x-data="{
activeImg: '/storage/products/8d2f7c95-5af2-4981-8ccd-a929bf56364f.webp',
showLightbox: false,
lightboxIndex: 0,
zoom: false,
savedScrollY: 0,
validImages: [],
imgAspect: 1,
zoomLevel: 1,
panX: 0,
panY: 0,
isDragging: false,
dragStartX: 0,
dragStartY: 0,
startPanX: 0,
startPanY: 0,
async init() {
const primary = '/storage/products/8d2f7c95-5af2-4981-8ccd-a929bf56364f.webp';
const extraImgs = JSON.parse('[\u0022\\\/storage\\\/products\\\/8d2f7c95-5af2-4981-8ccd-a929bf56364f.webp\u0022]');
const allImgs = Array.from(new Set([primary, ...extraImgs])).filter(Boolean);
const checks = await Promise.all(allImgs.map(async (src) => {
try {
const resp = await fetch(src, { method: 'HEAD' });
return resp.ok ? src : null;
} catch { return null; }
}));
this.validImages = checks.filter(Boolean);
if (this.validImages.length === 0) {
this.validImages = [primary];
}
this.activeImg = this.validImages[0];
},
onImgLoad(el) {
if (el && el.naturalWidth && el.naturalHeight) {
this.imgAspect = el.naturalWidth / el.naturalHeight;
}
},
openLightbox(i) {
this.lightboxIndex = i >= 0 ? i : 0;
this.zoomLevel = 1;
this.resetPan();
this.showLightbox = true;
document.documentElement.style.overflow = 'hidden';
document.body.style.overflow = 'hidden';
document.body.style.touchAction = 'none';
document.body.classList.add('overlay-open');
document.documentElement.classList.add('overlay-open');
},
closeLightbox() {
this.showLightbox = false;
this.zoomLevel = 1;
this.resetPan();
document.documentElement.style.overflow = '';
document.body.style.overflow = '';
document.body.style.touchAction = '';
document.body.classList.remove('overlay-open');
document.documentElement.classList.remove('overlay-open');
},
zoomIn() {
if (this.zoomLevel < 2.5) this.zoomLevel = parseFloat((this.zoomLevel + 0.25).toFixed(2));
},
zoomOut() {
if (this.zoomLevel > 1) {
this.zoomLevel = parseFloat((this.zoomLevel - 0.25).toFixed(2));
if (this.zoomLevel === 1) this.resetPan();
}
},
resetZoom() {
this.zoomLevel = 1;
this.resetPan();
},
resetPan() {
this.panX = 0;
this.panY = 0;
this.isDragging = false;
},
startDrag(e) {
if (this.zoomLevel <= 1) return;
this.isDragging = true;
const clientX = e.touches ? e.touches[0].clientX : e.clientX;
const clientY = e.touches ? e.touches[0].clientY : e.clientY;
this.dragStartX = clientX;
this.dragStartY = clientY;
this.startPanX = this.panX;
this.startPanY = this.panY;
},
onDrag(e) {
if (!this.isDragging || this.zoomLevel <= 1) return;
const clientX = e.touches ? e.touches[0].clientX : e.clientX;
const clientY = e.touches ? e.touches[0].clientY : e.clientY;
this.panX = this.startPanX + (clientX - this.dragStartX);
this.panY = this.startPanY + (clientY - this.dragStartY);
},
stopDrag() {
this.isDragging = false;
},
toggleZoom() {
if (this.zoomLevel > 1) {
this.zoomLevel = 1;
this.resetPan();
} else {
this.zoomLevel = 1.5;
}
},
nextImg() { this.zoomLevel = 1; this.resetPan(); this.lightboxIndex = (this.lightboxIndex + 1) % this.validImages.length; },
prevImg() { this.zoomLevel = 1; this.resetPan(); this.lightboxIndex = (this.lightboxIndex - 1 + this.validImages.length) % this.validImages.length; }
}">
= 0 ? validImages.indexOf(activeImg) : 0)">
/
Bagikan:
{ window.open('https://www.instagram.com/', '_blank', 'noopener,noreferrer'); window.toast.show('Tautan disalin — tempel di Instagram', 'success') })"
class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium text-brand-700 hover:bg-brand-50 transition-colors">
Instagram
X (Twitter)
WhatsApp
Facebook
Alat pel flat mop premium bulu halus stainless-36
0.0
★
|
0 Penilaian
|
0 Terjual
Rp 267.000
KategoriAlat Pel
Stok
SKUMOP6745.
Jumlah
Deskripsi Produk
Jaga kebersihan rumah dengan lebih mudah menggunakan Pel Debu Microfiber Teleskopik. Dilengkapi kepala microfiber berkualitas yang efektif menangkap debu, rambut, dan kotoran halus tanpa menggores permukaan lantai. Gagang teleskopik dapat dipanjangkan hingga ±130 cm sehingga memudahkan menjangkau area yang lebih luas tanpa harus membungkuk.
Kepala pel dapat digunakan dalam kondisi kering maupun sedikit lembap, cocok untuk membersihkan berbagai jenis lantai seperti keramik, granit, marmer, vinyl, hingga kayu berlapis.
Keunggulan Produk
- Kain microfiber lembut dengan daya serap tinggi.
- Efektif mengangkat debu, rambut, dan kotoran halus.
- Gagang teleskopik dapat dipanjangkan hingga ±130 cm.
- Ringan, kokoh, dan nyaman digunakan.
- Kepala pel dapat dilepas untuk dicuci dan digunakan kembali.
- Cocok untuk penggunaan di rumah, kantor, apartemen, maupun toko.
Spesifikasi
Jenis: Pel Debu Microfiber
Material: Microfiber, stainless steel, dan plastik ABS
Panjang gagang: Hingga ±130 cm
Warna: Abu-abu
Fungsi: Membersihkan debu dan kotoran pada berbagai jenis lantai.
Isi Paket
2 × Pel Debu Microfiber
1 × Gagang teleskopik
Pel ini menjadi solusi praktis untuk menjaga kebersihan lantai sehari-hari dengan hasil yang maksimal, ringan digunakan, dan mudah disimpan setelah pemakaian.
Spesifikasi
| Kategori | Alat Pel |
| SKU | MOP6745. |
| Total Stok Yang Tersedia | 120 |
0.0
☆
☆
☆
☆
☆
0 Ulasan
5★
0
4★
0
3★
0
2★
0
1★
0
Belum ada ulasan
Jadilah yang pertama memberikan ulasan untuk produk ini.