Slim fit Anbass jeans (2024)

`); }else{ slides.push('

'); } } return slides; })(), addSlidesBefore: images.length+2, addSlidesAfter: images.length+2, }, navigation: { nextEl: '.swiper-product-main .swiper-button-next', prevEl: '.swiper-product-main .swiper-button-prev', }, initialSlide: index, on: { init: function () { let iframes = document.querySelectorAll('.swiper-product-main .swiper-slide iframe'); iframes.forEach(function(element){ element.parentElement.parentElement.classList.add("video-slide"); }); setTimeout(() => { document.body.classList.add('swiperproduct-init'); }, 600) }, afterInit: function(){ let initSlide = document.querySelector(`[data-swiper-slide-index="${this.activeIndex}"]`); initSlide.classList.add('transition-end') } }, }); swiperMain.on('slideChange', function () { swiperThumb.slideTo(swiperMain.activeIndex); let slides = document.querySelectorAll('.swiper-product-main .swiper-slide'); slides.forEach(function(element){ element.classList.remove('transition-end') }) }); swiperMain.on('slideChangeTransitionEnd', function () { let slide = document.querySelector('.swiper-product-main .swiper-slide-active'); slide.classList.add('transition-end'); }); this.vimeoOverlayDesktop(); document.body.classList.add('!overflow-hidden'); }, removeSwiper(){ const swiperMain = document.querySelector('.swiper-product-main').swiper; swiperMain.destroy(); let swiperWrapper = document.querySelector('.swiper-product-main .swiper-wrapper'); swiperWrapper.innerHTML = ''; swiperWrapper.removeAttribute('style'); const swiperThumb = document.querySelector('.swiper-product-thumb').swiper; swiperThumb.destroy(); let swiperThumbWrapper = document.querySelector('.swiper-product-thumb .swiper-wrapper'); swiperThumbWrapper.innerHTML = ''; swiperThumbWrapper.removeAttribute('style'); document.body.classList.remove('!overflow-hidden'); document.body.classList.remove('swiperproduct-init'); document.body.classList.remove('swiperthumb-init'); }, loadSwiperScript(){ let that = this; document.addEventListener('load-swiper-script', (e) => { if(e.detail.load){ that.productSwiperMobile() } }) }, productSwiperMobile(){ let images = this.images; let thatObj = this; const swiper = new Swiper('.swiper-product-mobile', { direction: 'horizontal', slidesPerView: 1, spaceBetween: 0, mousewheel: true, passiveListeners: true, touchReleaseOnEdges: false, a11y: { enabled: false }, pagination: { el: '.swiper-pagination', type: 'bullets', clickable: true, }, virtual: { slides: (function () { const slides = []; for (let i = 0; i < images.length; i += 1) { if(images[i].videoUrl == null){ slides.push(`

`); } else{ slides.push('

'); } } return slides; })(), addSlidesBefore: images.length+2, addSlidesAfter: images.length+2, }, zoom: { maxRatio: 5, }, on: { afterInit: function () { window.setTimeout(function(){ document.querySelector('.mobile-main-image').classList.add('invisible') document.querySelector('.swiper-product-mobile').classList.remove('hidden') document.querySelector('.swiper-product-mobile').classList.remove('opacity-0') document.querySelector('.mobile-main-image').classList.add('absolute') }, 30) }, resize: function(){ document.querySelector('.swiper-product-mobile .swiper-wrapper').style.height = `${ document.querySelector('.mobile-main-image').offsetHeight}px` }, slideChange: function() { setTimeout(function () { swiper.params.touchReleaseOnEdges = false; }, 10); }, reachEnd: function() { setTimeout(function () { swiper.params.touchReleaseOnEdges = true; }, 20); } }, }); let that = this; window.addEventListener('update-gallery', function(event){ let images = that.images; swiper.virtual.removeAllSlides(); for (let i = 0; i < images.length; i += 1) { if(images[i].videoUrl == null){ swiper.virtual.appendSlide(`

`) }else{ swiper.virtual.appendSlide('

'); } } swiper.slideTo(0); that.vimeoOverlay(); }); this.vimeoOverlay(); }, vimeoOverlay() { let vimeoOverlay = document.querySelectorAll('.vimeo-overlay'); vimeoOverlay.forEach(function(element){ let playPause = true; element.addEventListener('click', function(){ let player = element.nextSibling; if(playPause){ let data = { method: "play" }; player.contentWindow.postMessage(JSON.stringify(data), "*"); }else{ let data = { method: "pause" }; player.contentWindow.postMessage(JSON.stringify(data), "*"); } playPause = !playPause; }) }) }, getVideoData(videoUrl) { if (!videoUrl) { return } let id, type, youtubeRegex, vimeoRegex, useYoutubeNoCookie = false; if (videoUrl.match(/youtube\.com|youtu\.be|youtube-nocookie.com/)) { id = videoUrl.replace(/^\/(embed\/|v\/)?/, '').replace(/\/.*/, ''); type = 'youtube'; youtubeRegex = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/; id = videoUrl.match(youtubeRegex)[1]; if (videoUrl.match(/youtube-nocookie.com/)) { useYoutubeNoCookie = true; } } else if (videoUrl.match(/vimeo\.com/)) { type = 'vimeo'; vimeoRegex = new RegExp(['https?:\\/\\/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)', '?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)' ].join('')); id = videoUrl.match(vimeoRegex)[3]; } const videoData = { id: id, type: type, useYoutubeNoCookie: useYoutubeNoCookie } if(videoData.type == 'vimeo'){ return this.initVimeoVideo(videoData) } }, initYoutubeAPI(videoData) { if (document.getElementById('loadYoutubeAPI')) { return; } const params = {}; const loadYoutubeAPI = document.createElement('script'); loadYoutubeAPI.src = 'https://www.youtube.com/iframe_api'; loadYoutubeAPI.id = 'loadYoutubeAPI'; const firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(loadYoutubeAPI, firstScriptTag); const host = (videoData.useYoutubeNoCookie) ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com'; if (this.autoplayVideo) { params.autoplay = this.autoplayVideo; } if (!this.relatedVideos) { params.rel = 0; } const fireYoutubeAPI = document.createElement('script'); fireYoutubeAPI.innerHTML = `function onYouTubeIframeAPIReady() { window.youtubePlayer = new YT.Player('youtube-player', { host: '${host}', videoId: '${videoData.id}', playerVars: ${JSON.stringify(params)}, }); }`; firstScriptTag.parentNode.insertBefore(fireYoutubeAPI, firstScriptTag); }, initVimeoVideo(videoData) { let additionalParams = '', src; const timestamp = new Date().getTime(); const videoId = videoData.id; if (!videoId) return; if (this.autoplayVideo) { additionalParams += '&autoplay=1'; } if (this.loopVideo) { additionalParams += '&loop=1'; } src = 'https://player.vimeo.com/video/' + videoId + '?api=1&player_id=vimeo' + videoId + timestamp + additionalParams; return ( `

` ) }, eventListeners: { ['@update-gallery.window'](event) { this.receiveImages(event.detail); } } } }

Loading ...

Select all product options

Select all product options