this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Sinyal<\/p>\n\n \n ERL\u0130GHT 93 Tek Duy 144 Led Ampul \/ Turuncu\n <\/a>\n \n \n \n \n \n 499 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n \n \n <\/span>\n K\u0131rm\u0131z\u0131<\/span>\n <\/button>\n \n Beyaz<\/span>\n <\/button>\n \n Amber<\/span>\n <\/button>\n <\/div>\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Sinyal<\/p>\n\n \n Wimbledon<\/a> 93 Mercekli\u0307 33 Led \/ Turuncu\n <\/a>\n \n \n \n \n \n 260 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n G\u00fcnd\u00fcz LED<\/p>\n\n \n T20 144 Led \u00c7ift Flament W21\/5w Led Sinyal Stop Ampul\u00fc 12v \/ Turuncu\n <\/a>\n \n \n \n \n \n 499 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n Led Ampul 12V T-10 20 Smd\n <\/a>\n \n \n \n \n \n 99 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n G\u00fcnd\u00fcz LED<\/p>\n\n \n Wimbledon<\/a> 93 Tek Duy 36 Led Fanl\u0131 Ampul 12V (1156) \/ Turuncu\n <\/a>\n \n \n \n \n \n 799 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n T10 Dipsiz Smd Park Ampul\u00fc 24 Ledli \u2013 Turuncu\n <\/a>\n \n \n \n \n \n 139,90 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 10 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 27 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n \n \n <\/span>\n K\u0131rm\u0131z\u0131<\/span>\n <\/button>\n \n Beyaz<\/span>\n <\/button>\n \n Amber<\/span>\n <\/button>\n <\/div>\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Sinyal<\/p>\n\n \n Wimbledon<\/a> 93 Mercekli\u0307 33 Led \/ Turuncu\n <\/a>\n \n \n \n \n \n 260 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n G\u00fcnd\u00fcz LED<\/p>\n\n \n T20 144 Led \u00c7ift Flament W21\/5w Led Sinyal Stop Ampul\u00fc 12v \/ Turuncu\n <\/a>\n \n \n \n \n \n 499 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n Led Ampul 12V T-10 20 Smd\n <\/a>\n \n \n \n \n \n 99 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n G\u00fcnd\u00fcz LED<\/p>\n\n \n Wimbledon<\/a> 93 Tek Duy 36 Led Fanl\u0131 Ampul 12V (1156) \/ Turuncu\n <\/a>\n \n \n \n \n \n 799 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n T10 Dipsiz Smd Park Ampul\u00fc 24 Ledli \u2013 Turuncu\n <\/a>\n \n \n \n \n \n 139,90 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 10 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 27 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n G\u00fcnd\u00fcz LED<\/p>\n\n \n T20 144 Led \u00c7ift Flament W21\/5w Led Sinyal Stop Ampul\u00fc 12v \/ Turuncu\n <\/a>\n \n \n \n \n \n 499 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n Led Ampul 12V T-10 20 Smd\n <\/a>\n \n \n \n \n \n 99 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n G\u00fcnd\u00fcz LED<\/p>\n\n \n Wimbledon<\/a> 93 Tek Duy 36 Led Fanl\u0131 Ampul 12V (1156) \/ Turuncu\n <\/a>\n \n \n \n \n \n 799 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n T10 Dipsiz Smd Park Ampul\u00fc 24 Ledli \u2013 Turuncu\n <\/a>\n \n \n \n \n \n 139,90 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 10 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 27 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n Led Ampul 12V T-10 20 Smd\n <\/a>\n \n \n \n \n \n 99 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n G\u00fcnd\u00fcz LED<\/p>\n\n \n Wimbledon<\/a> 93 Tek Duy 36 Led Fanl\u0131 Ampul 12V (1156) \/ Turuncu\n <\/a>\n \n \n \n \n \n 799 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n T10 Dipsiz Smd Park Ampul\u00fc 24 Ledli \u2013 Turuncu\n <\/a>\n \n \n \n \n \n 139,90 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 10 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 27 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n G\u00fcnd\u00fcz LED<\/p>\n\n \n Wimbledon<\/a> 93 Tek Duy 36 Led Fanl\u0131 Ampul 12V (1156) \/ Turuncu\n <\/a>\n \n \n \n \n \n 799 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n T10 Dipsiz Smd Park Ampul\u00fc 24 Ledli \u2013 Turuncu\n <\/a>\n \n \n \n \n \n 139,90 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 10 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 27 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/span>\n <\/span>\n <\/div>\n \n \n \n Resmi Sat\u0131c\u0131<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n T10 Dipsiz Smd Park Ampul\u00fc 24 Ledli \u2013 Turuncu\n <\/a>\n \n \n \n \n \n 139,90 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 10 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 27 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 10 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 27 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Park LED<\/p>\n\n \n CANBUS BEYAZ LED T10 \/ 12V 27 SMD - 2 Adet\n <\/a>\n \n \n \n \n \n 250 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H27 +3 Plus Fans\u0131z Led - Beyaz\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero H7 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
this.onCardMove(e), { passive: true });\n media.addEventListener('mouseenter', () => this.onCardEnter());\n media.addEventListener('mouseleave', () => this.onCardLeave());\n },\n onCardEnter() {\n if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n },\n onCardLeave() {\n this.activeImage = 0;\n },\n onCardMove(event) {\n if (!this.previewEnabled || this.images.length < 2) return;\n const media = this.$refs.media;\n if (!media) return;\n const rect = media.getBoundingClientRect();\n const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n const nextImage = Math.floor(progress * this.images.length);\n if (nextImage !== this.activeImage) this.activeImage = nextImage;\n }\n }\">\n \n \n <\/a>\n \n \n \n \n <\/span>\n <\/span>\n <\/span>\n <\/div>\n \n \n <\/div>\n\n \n \n \n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n Xenon LED<\/p>\n\n \n Photon<\/a> Zero Hb3-Hb4 +3 Plus Fans\u0131z Led - Buz Mavi\n <\/a>\n \n \n \n \n \n 1.500 TL\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/led-aydinlatma?page=3"}
![\"ERL\u0130GHT](\"https:\/\/otopist.tr\/m\/thumb?src=%2Fstorage%2Fproducts%2Fproduct_3857_1760102317_0.jpg&s=1200&q=88&webp=1\"\n "\\"ERL\u0130GHT")
\n ![\"ERL\u0130GHT](\"https:\/\/otopist.tr\/m\/thumb?src=%2Fstorage%2Fproducts%2Fproduct_3857_1760103016_0.jpeg&s=1200&q=88&webp=1\"\n "\\"ERL\u0130GHT")
\n ![\"ERL\u0130GHT](\"https:\/\/otopist.tr\/m\/thumb?src=%2Fstorage%2Fproducts%2Fproduct_3857_1760103016_1.jpeg&s=1200&q=88&webp=1\"\n "\\"ERL\u0130GHT")
\n ![\"Wimbledon](\"https:\/\/otopist.tr\/m\/thumb?src=%2Fstorage%2Fproducts%2F106aa77c-b5d6-4b4b-a984-aca2acad3ffa.jpg&s=1200&q=88&webp=1\"\n "\\"Wimbledon")
\n ![\"Wimbledon](\"https:\/\/otopist.tr\/m\/thumb?src=%2Fstorage%2Fproducts%2Fc33e819c-bfef-4d7d-a09e-b714d633e555.jpg&s=1200&q=88&webp=1\"\n "\\"Wimbledon")
\n