GUESS Taschen verbinden markante Fashion-Looks mit vielseitigen Formen – von kompakten Umhängetaschen über elegante Schultertaschen bis zu geräumigen Shoppern.
Umhängetaschen
Dein Look. Deine Essentials.
Kompakt, vielseitig und schnell kombiniert: GUESS Umhängetaschen begleiten dich vom City-Trip bis zum Abend unterwegs.
Umhängetaschen entdecken →
Schultertaschen
Fashion zum Mitnehmen
Schultertaschen von GUESS setzen ein modisches Statement und bringen deine wichtigsten Dinge stilvoll durch den Tag.
Schultertaschen entdecken →
Shopper
Mehr Platz für deinen Style
GUESS Shopper kombinieren eine großzügige Silhouette mit einem ausdrucksstarken Look für Shopping, Büro und Alltag.
Shopper entdecken →
(function(){
var carousel = document.getElementById('guess2-carousel');
if(!carousel) return;
var STYLE_ID = 'guess2-mobile-style';
if(!document.getElementById(STYLE_ID)){
var css = [
'@media(max-width:768px){',
'.guess2-slide{flex:0 0 96% !important;min-width:96% !important;padding:0 6px !important;cursor:pointer;}',
'.guess2-slide > div > div:last-of-type{padding:0px 10px 30px 20px !important;}',
'.guess2-tag{font-size:9px !important;letter-spacing:.08em !important;margin-bottom:3px !important;}',
'.guess2-title{line-height:1.1 !important;margin-bottom:3px !important;}',
'.guess2-desc{display:none !important;}',
'.guess2-cta{font-size:11px !important;padding:6px 12px !important;margin-top:6px !important;}',
'}',
'@media(min-width:769px) and (max-width:1600px){',
'#guess2-carousel{max-width:480px !important;}',
'.guess2-title{font-size:clamp(15px,2vw,26px) !important;}',
'}'
].join('');
var s = document.createElement('style');
s.id = STYLE_ID;
s.textContent = css;
document.head.appendChild(s);
}
var track = document.getElementById('guess2-track');
var dotsWrap = document.getElementById('guess2-dots');
var progress = document.getElementById('guess2-progress');
var slides = Array.prototype.slice.call(carousel.querySelectorAll('.guess2-slide'));
var total = slides.length;
var current = 0;
var autoTimer;
var DURATION = 5000;
var dots = [];
var dragStart = 0;
var dragDelta = 0;
var dragging = false;
var dragT = 0;
var wasDragged = false;
var lockAxis = null;
slides.forEach(function(slide){
var img = slide.querySelector('img');
if(img){
img.style.transition = 'transform 0.08s linear';
}
var inner = slide.querySelector('div');
if(inner){
inner.style.webkitTransform = inner.style.webkitTransform || 'translateZ(0)';
}
});
track.style.touchAction = 'pan-y';
function isMobile(){
return window.innerWidth <= 768;
}
function getOffset(idx){
if(isMobile()){
var slideW = slides[0].offsetWidth;
var peekW = (carousel.offsetWidth - slideW) / 2;
if(idx === 0) return 0;
if(idx === total - 1){
return track.scrollWidth - carousel.offsetWidth;
}
return idx * slideW - peekW;
}
return idx * carousel.offsetWidth;
}
for(var i = 0; i < total; i++){
var d = document.createElement('div');
d.setAttribute('data-idx',i);
d.style.cssText =
'width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.35);cursor:pointer;transition:all .4s ease;';
dotsWrap.appendChild(d);
dots.push(d);
}
function updateDots(){
dots.forEach(function(d,i){
d.style.width =
i === current ? '22px' : '6px';
d.style.background =
i === current
? '#fff'
: 'rgba(255,255,255,.35)';
});
}
function revealContent(idx){
['guess2-tag','guess2-title','guess2-desc','guess2-cta']
.forEach(function(cls){
var el = slides[idx].querySelector('.' + cls);
if(!el) return;
el.style.opacity = '1';
el.style.transform = 'none';
});
}
function hideContent(idx){
['guess2-tag','guess2-title','guess2-desc','guess2-cta']
.forEach(function(cls){
var el = slides[idx].querySelector('.' + cls);
if(!el) return;
el.style.opacity = '0';
el.style.transform = 'translateY(10px)';
});
}
var isIOSafari =
/iP(ad|hone|od)/.test(navigator.userAgent) &&
/WebKit/i.test(navigator.userAgent) &&
!/CriOS|FxiOS|EdgiOS/i.test(navigator.userAgent);
function applyMobilePeek(){
var section =
carousel.closest('section') ||
carousel.parentElement;
slides.forEach(function(slide,i){
var inner = slide.querySelector('div');
if(!inner) return;
if(isMobile()){
section.style.overflow = 'visible';
carousel.style.overflow = 'visible';
carousel.style.padding = '0';
if(isIOSafari){
inner.style.transition = 'opacity .25s ease';
inner.style.transform = 'none';
inner.style.opacity = i === current ? '1' : '0.82';
} else {
inner.style.transition =
'transform .65s cubic-bezier(.25,.8,.25,1), opacity .65s ease';
inner.style.transform = 'none';
inner.style.opacity = i === current ? '1' : '0.45';
}
} else {
section.style.overflow = '';
carousel.style.overflow = '';
carousel.style.padding = '';
inner.style.transform = '';
inner.style.opacity = '';
inner.style.transition = '';
}
});
}
function applyParallax(offset){
if(isMobile() || isIOSafari) return;
slides.forEach(function(slide,i){
var img = slide.querySelector('img');
if(!img) return;
var raw = (i - current + offset) * 12;
var clamped = Math.max(-13,Math.min(13,raw));
img.style.transform =
'scale(1.1) translateX(' + clamped + 'px)';
});
}
function goTo(idx){
hideContent(current);
current = ((idx % total) + total) % total;
track.style.transition =
'transform .65s cubic-bezier(.77,0,.175,1)';
requestAnimationFrame(function(){
requestAnimationFrame(function(){
track.style.transform =
'translateX(-' + getOffset(current) + 'px)';
});
});
updateDots();
applyMobilePeek();
setTimeout(function(){
revealContent(current);
},120);
startProgress();
}
function startProgress(){
clearTimeout(autoTimer);
progress.style.transition = 'none';
progress.style.width = '0%';
setTimeout(function(){
progress.style.transition =
'width ' + DURATION + 'ms linear';
progress.style.width = '100%';
},30);
autoTimer = setTimeout(function(){
goTo(current + 1);
},DURATION);
}
carousel.addEventListener('mousedown',function(e){
if(e.button !== 0) return;
dragging = true;
dragStart = e.clientX;
dragDelta = 0;
dragT = Date.now();
wasDragged = false;
track.style.transition = 'none';
clearTimeout(autoTimer);
slides.forEach(function(s){
s.style.cursor = 'grabbing';
});
});
document.addEventListener('mousemove',function(e){
if(!dragging) return;
dragDelta = e.clientX - dragStart;
track.style.transform =
'translateX(' +
(-getOffset(current) + dragDelta) +
'px)';
applyParallax(
-dragDelta / carousel.offsetWidth
);
});
document.addEventListener('mouseup',function(){
if(!dragging) return;
dragging = false;
slides.forEach(function(s){
s.style.cursor = 'grab';
});
var vel =
Math.abs(dragDelta) /
Math.max(1,Date.now() - dragT);
wasDragged =
Math.abs(dragDelta) > 5;
if(
Math.abs(dragDelta) > 60 ||
vel > 0.45
){
goTo(
dragDelta < 0
? current + 1
: current - 1
);
} else {
track.style.transition =
'transform .45s cubic-bezier(.77,0,.175,1)';
track.style.transform =
'translateX(-' +
getOffset(current) +
'px)';
applyMobilePeek();
startProgress();
}
dragDelta = 0;
});
var touchStartY = 0;
carousel.addEventListener('touchstart',function(e){
dragStart = e.touches[0].clientX;
touchStartY = e.touches[0].clientY;
dragDelta = 0;
dragging = true;
dragT = Date.now();
wasDragged = false;
lockAxis = null;
track.style.transition = 'none';
clearTimeout(autoTimer);
},{passive:false});
carousel.addEventListener('touchmove',function(e){
if(!dragging) return;
var dx =
e.touches[0].clientX -
dragStart;
var dy =
e.touches[0].clientY -
touchStartY;
if(
!lockAxis &&
(
Math.abs(dx) > 4 ||
Math.abs(dy) > 4
)
){
lockAxis =
Math.abs(dx) >= Math.abs(dy)
? 'x'
: 'y';
}
if(lockAxis === 'x'){
e.preventDefault();
dragDelta = dx;
track.style.transform =
'translateX(' +
(-getOffset(current) + dragDelta) +
'px)';
applyParallax(
-dragDelta / carousel.offsetWidth
);
}
},{passive:false});
carousel.addEventListener('touchend',function(){
if(!dragging) return;
dragging = false;
var vel =
Math.abs(dragDelta) /
Math.max(1,Date.now() - dragT);
wasDragged =
Math.abs(dragDelta) > 5;
if(
lockAxis === 'x' &&
(
Math.abs(dragDelta) > 55 ||
vel > 0.45
)
){
goTo(
dragDelta < 0
? current + 1
: current - 1
);
} else {
track.style.transition =
'transform .45s cubic-bezier(.77,0,.175,1)';
track.style.transform =
'translateX(-' +
getOffset(current) +
'px)';
applyMobilePeek();
startProgress();
}
dragDelta = 0;
lockAxis = null;
});
dotsWrap.addEventListener('click',function(e){
var d =
e.target.closest('[data-idx]');
if(d){
goTo(
parseInt(
d.getAttribute('data-idx'),
10
)
);
}
});
window.addEventListener('resize',function(){
track.style.transition = 'none';
track.style.transform =
'translateX(-' +
getOffset(current) +
'px)';
applyMobilePeek();
});
slides.forEach(function(slide){
slide.addEventListener('click',function(){
if(wasDragged) return;
var link =
slide.querySelector('.guess2-cta');
if(link){
window.location.href = link.href;
}
});
});
updateDots();
revealContent(0);
applyMobilePeek();
startProgress();
})();
GUESS - Damen
Ihre Suche ergab keine Ergebnisse.
