BEBEK KIYAFETİ
Frozen Bebek Hırkası
Sevgiyle örülmüş, yumuşacık bir dokunuşa sahip olan bu antibakteriyel bebek hırkası, bebeğinizin güvenli ve rahat hissetmesini sağlayacak. Bebeklerinizin her an sıcacık ve huzurlu olmasını istiyorsanız, bu özel hırka tam size göre. Özel bebek örgü yünleriile örülmüş bu hırka, bebeklerinizin cildine hafif ve yumuşak dokunuş yapar. Antibakteriyel özel bebek yününden örülmesi nedeniyle bebeklerinizin vücudu hava geçirir ve terlemesini engeller. Alerji olmalarını önler. Bu hırka, bebeklerinizin her an rahat ve güvenli olmasını sağlamak için tasarlanmıştır. Kaliteli örgü yünleriile örülmüş bu hırka, bebeğinizin güvenli ve rahat bir uykuya dalmas {
const createZoom = async function() {
const wrapper = zoom.parentNode;
zoom.wrapper = document.createElement('div');
zoom.wrapper.className = 'tsoft-app-product-hero-zoom-wrapper';
zoom.inner = document.createElement('div');
zoom.inner.className = 'tsoft-app-product-hero-zoom-inner';
zoom.inner.append(zoom);
zoom.wrapper.append(zoom.inner);
wrapper.append(zoom.wrapper);
zoom.element = document.createElement('div');
zoom.element.innerHTML = `
`;
zoom.element.className = 'tsoft-app-product-hero-zoom-inner-element';
zoom.image = zoom.element.querySelector('img');
zoom.image.className = 'tsoft-app-product-hero-zoom-inner-element-image';
zoom.inner.append(zoom.element);
if (zoom.element.over != 1) {
zoom.element.addEventListener('mouseout', mouseOut);
zoom.element.addEventListener('mousemove', innerZoom);
zoom.element.addEventListener('wheel', mouseWheel);
zoom.element.over = 1;
}
}
const innerZoom = function(e) {
const rect = zoom.element.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
zoom.image.style.transform = `scale(${TSOFT_APP_PRODUCT_HERO_ZOOM.scroll})`;
zoom.image.style.transformOrigin = `${x}px ${y}px`;
}
const mouseOver = function(e) {
if (zoom.zoom == 1) {
zoom.element.style.display = 'block';
} else {
createZoom();
}
if (TSOFT_APP_PRODUCT_HERO_ZOOM.scroll < 2.5) TSOFT_APP_PRODUCT_HERO_ZOOM.scroll = 2.5;
zoom.zoom = 1;
}
const mouseOut = async function(e) {
if (zoom.element) zoom.element.style.display = 'none';
}
const mouseWheel = function(e) {
var delta = e.deltaY || e.detail || e.wheelDelta;
if (delta < 0) {
if (TSOFT_APP_PRODUCT_HERO_ZOOM.scroll > 5) return;
TSOFT_APP_PRODUCT_HERO_ZOOM.scroll += .5;
} else {
if (TSOFT_APP_PRODUCT_HERO_ZOOM.scroll <= 1) return;
TSOFT_APP_PRODUCT_HERO_ZOOM.scroll -= .5;
}
innerZoom(e);
e.preventDefault();
}
zoom.addEventListener('mousemove', mouseOver);
},
outerZoom: (zoom, src) => {
zoom.counter = 2.5;
let size, width, height, w, h, nw, nh, cw, ch, wrapperH, wrapperW;
const createZoom = async function() {
const wrapper = zoom.parentNode;
zoom.wrapper = document.createElement('div');
zoom.wrapper.className = 'tsoft-app-product-hero-zoom-wrapper';
zoom.inner = document.createElement('div');
zoom.inner.className = 'tsoft-app-product-hero-zoom-outer';
zoom.inner.append(zoom);
zoom.wrapper.append(zoom.inner);
wrapper.append(zoom.wrapper);
zoom.element = document.createElement('div');
zoom.element.innerHTML = ``;
zoom.element.className = 'tsoft-app-product-hero-zoom-outer-element';
zoom.element.dataset.qa = 'product-zoom-image';
zoom.image = zoom.element.querySelector('img');
zoom.image.className = 'tsoft-app-product-hero-zoom-outer-element-image';
zoom.lens = document.createElement('div');
zoom.lens.className = 'tsoft-app-product-hero-zoom-outer-element-lens';
zoom.parentNode.append(zoom.lens);
document.body.append(zoom.element);
await new Promise((resolve) => {
if (zoom.image.complete) {
resolve();
} else {
zoom.image.onload = resolve;
}
});
wrapperW = zoom.wrapper.getBoundingClientRect().width;
wrapperH = zoom.wrapper.getBoundingClientRect().height;
w = zoom.getBoundingClientRect().width;
h = zoom.getBoundingClientRect().height;
if (w <= 0 || h <= 0) {
console.warn('Invalid image dimensions');
return;
}
size = zoom.dataset.size || 350;
if (h > wrapperH) {
const oran = h/w;
w = wrapperH / oran;
h = wrapperH;
}
width = size;
height = width * h/w;
zoom.inner.style.height = `${h}px`;
setZoom();
}
const setZoom = async function() {
nw = w * zoom.counter;
nh = h * zoom.counter;
cw = w / zoom.counter;
ch = h / zoom.counter;
zoom.lens.style.width = cw + 'px';
zoom.lens.style.height = ch + 'px';
zoom.element.style.width = width + 'px';
zoom.element.style.height = height + 'px';
zoom.element.style.top = zoom.wrapper.getBoundingClientRect().top + 'px';
if (document.dir == 'rtl') {
zoom.element.style.left = (zoom.wrapper.getBoundingClientRect().left - width) + 'px';
} else {
zoom.element.style.left = zoom.wrapper.getBoundingClientRect().right + 'px';
}
zoom.image.style.width = width/w * nw + 'px';
zoom.image.style.height = height/h * nh + 'px';
}
const mouseOver = function(e) {
if (zoom.zoom == 1) {
zoom.element.style.display = 'block';
zoom.lens.style.display = 'block';
} else {
createZoom();
zoom.zoom = 1;
}
zoom.element.style.top = (zoom.wrapper.getBoundingClientRect().top < 0 ? 0 : zoom.wrapper.getBoundingClientRect().top) + 'px';
if (document.dir == 'rtl') {
zoom.element.style.left = (zoom.wrapper.getBoundingClientRect().left - width) + 'px';
} else {
zoom.element.style.left = zoom.wrapper.getBoundingClientRect().right + 'px';
}
const x = e.clientX - zoom.getBoundingClientRect().left,
y = e.clientY - zoom.getBoundingClientRect().top,
rx = cw / 2,
ry = ch / 2,
cx = x - rx,
cy = y - ry,
canY = cy >= 0 && cy <= h - ch,
canX = cx >= 0 && cx <= w - cw;
const lensTop = canY ? cy : cy < 0 ? 0 : h - ch,
lensLeft = canX ? cx : cx < 0 ? 0 : w - cw;
zoom.lens.style.top = lensTop + 'px';
zoom.lens.style.left = lensLeft + 'px';
const imgTop = canY ? -cy / (h - ch) * (nh - h) : cy < 0 ? 0 : -(nh - h),
imgLeft = canX ? -cx / (w - cw) * (nw - w) : cx < 0 ? 0 : -(nw - w);
zoom.image.style.top = height/h * imgTop + 'px';
zoom.image.style.left = width/w * imgLeft + 'px';
}
const mouseWheel = function(e) {
var delta = e.deltaY || e.detail || e.wheelDelta;
if (delta < 0) {
if (zoom.counter > 5) return;
zoom.counter += .5;
} else {
if (zoom.counter <= 1) return;
zoom.counter -= .5;
}
setZoom();
e.preventDefault();
}
const mouseOut = async function(e) {
if (zoom.lens) zoom.lens.style.display = 'none';
if (zoom.element) zoom.element.style.display = 'none';
}
zoom.addEventListener('mousemove', mouseOver);
zoom.addEventListener('mouseout', mouseOut);
if (TSOFT_APP_PRODUCT_HERO_ZOOM.scroll) zoom.addEventListener('wheel', mouseWheel);
},
init: () => {
if (isMobile()) return;
const zooms = document.querySelectorAll('[data-toggle="zoom"]');
Array.from(zooms).forEach(zoom => {
if (zoom.componentZoom) return;
const src = zoom.dataset.image;
if (!src) return;
if (TSOFT_APP_PRODUCT_HERO_ZOOM.type == 'inner') {
TSOFT_APP_PRODUCT_HERO_ZOOM.innerZoom(zoom, src);
} else if (TSOFT_APP_PRODUCT_HERO_ZOOM.type == 'outer') {
TSOFT_APP_PRODUCT_HERO_ZOOM.outerZoom(zoom, src);
}
zoom.componentZoom = 1;
});
if (TSOFT_APP_PRODUCT_HERO_ZOOM.active) return;
components.callbacks.push(TSOFT_APP_PRODUCT_HERO_ZOOM.init);
TSOFT_APP_PRODUCT_HERO_ZOOM.active = true;
}
}
if (TSOFT_APP_PRODUCT_HERO_ZOOM.themeVersion == 'os2') {
ON_PAGE_READY.push(TSOFT_APP_PRODUCT_HERO_ZOOM.init);
}
EN YENİ ÜRÜNLER
SON BAKILANLAR
Yeni
Yeni
Yeni
Yeni
Yeni
Yeni
Yeni
Yeni
Yeni
Yeni
Yeni
Yeni
