Обзор Joyetech eCom Mega
Сегодня мы рассмотрим отличный стартовый набор, который в свое время сыграл не последнюю роль в моем отказе от аналоговых сигарет. " Речь пойдет о Joyetech eCom Mega. На данный момент о данном девайсе написано уже куча обзоров, по этому я постараюсь поделиться своими впечатлениями. Итак, начнем!
 {
const productCardSliderNav = new Swiper('.product-card-slider-nav .swiper-container', {
direction: 'vertical',
spaceBetween: 25,
slidesPerView: 6,
watchSlidesVisibility: true,
breakpoints: {
0: {
direction: 'horizontal',
slidesPerView: 3,
},
575: {
direction: 'horizontal',
slidesPerView: 4,
},
768: {
direction: 'horizontal',
slidesPerView: 5,
},
992: {
direction: 'vertical',
slidesPerView: 6,
}
}
});
const productCardSlider = new Swiper('.product-card-slider .swiper-container', {
direction: 'horizontal',
slidesPerView: 1,
spaceBetween: 0,
effect: 'fade',
fadeEffect: {
crossFade: true
},
thumbs: {
swiper: productCardSliderNav
},
navigation: {
nextEl: '#productCardSliderButtonNext',
prevEl: '#productCardSliderButtonPrev',
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
function productInfo() {
const mediaQuery = window.matchMedia('(max-width: 992px)');
function handleTabletChange(e) {
let productCardWrapper = document.querySelector('.product-card-wrapper');
let productCardInfo = document.querySelector('.product-card-info');
let compare = document.querySelector('.product-card-wrapper .in-compare');
let wishlist = document.querySelector('.product-card-wrapper .in-wishlist');
let productSliderWrap = document.querySelector('.product-card-slider-wrap');
let productSlider = document.querySelector('.product-card-slider');
let productCardCol2 = document.querySelector('.product-card-col-2');
let productCardInfoRow = document.querySelector('.product-card-info > .product-card-info-row');
if (e.matches) {
if (productCardWrapper) {
insertAfter(productCardInfo, productSliderWrap);
productSlider.prepend(wishlist);
productSlider.prepend(compare);
}
} else {
if (productCardWrapper) {
productCardCol2.prepend(productCardInfo);
productCardInfoRow.prepend(wishlist);
productCardInfoRow.prepend(compare);
}
}
};
mediaQuery.addListener(handleTabletChange);
handleTabletChange(mediaQuery);
}
productInfo();
function insertAfter(newNode, referenceNode) {
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
function appendTo(newNode, referenceNode) {
referenceNode.appendChild(newNode);
}
function insertBefore(newNode, referenceNode) {
referenceNode.parentNode.insertBefore(newNode, referenceNode.prevSibling);
}
$([document.documentElement, document.body]).animate({
scrollTop: $()