$(document).ready(function () {
var sync1 = $("#sync1");
var sync2 = $("#sync2");
var windowWidth = $(window).width();
if (windowWidth > '985') {
$('#sync1 .item img').hover(function () {
$(this).elevateZoom({
scrollZoom: true,
zoomLevel: 0.5,
});
});
}
sync1.owlCarousel({
singleItem: true,
slideSpeed: 1000,
navigation: true,
navigationText: [
"
",
"
"
],
pagination: false,
afterAction: syncPosition,
responsiveRefreshRate: 200,
afterInit: function (el) {
el.find(".owl-item").eq(0).addClass("active");
}
});
sync2.owlCarousel({
items: '5',
itemsDesktop: [1199, 10],
itemsDesktopSmall: [979, 10],
itemsTablet: [768, 8],
itemsMobile: [479, 4],
pagination: false,
responsiveRefreshRate: 100,
afterInit: function (el) {
el.find(".owl-item").eq(0).addClass("synced");
}
});
//items number
var totalItems = '5';
var currentIndex = $('.owl-item.synced').index() + 1;
$('.num span').html('' + currentIndex + '/' + totalItems + '');
function syncPosition(el) {
var current = this.currentItem;
$("#sync1")
.find(".owl-item")
.removeClass("active")
.eq(current)
.addClass("active");
$("#sync2")
.find(".owl-item")
.removeClass("synced")
.eq(current)
.addClass("synced");
if ($("#sync2").data("owlCarousel") !== undefined) {
center(current)
}
//items number
var current_1 = current + 1;
$('.num span').html('' + current_1 + '/' + totalItems + '');
}
$("#sync2").on("click", ".owl-item", function (e) {
e.preventDefault();
var number = $(this).data("owlItem");
sync1.trigger("owl.goTo", number);
});
function center(number) {
var sync2visible = sync2.data("owlCarousel").owl.visibleItems;
var num = number;
var found = false;
for (var i in sync2visible) {
if (num === sync2visible[i]) {
var found = true;
}
}
if (found === false) {
if (num > sync2visible[sync2visible.length - 1]) {
sync2.trigger("owl.goTo", num - sync2visible.length + 2)
} else {
if (num - 1 === -1) {
num = 0;
}
sync2.trigger("owl.goTo", num);
}
} else if (num === sync2visible[sync2visible.length - 1]) {
sync2.trigger("owl.goTo", sync2visible[1])
} else if (num === sync2visible[0]) {
sync2.trigger("owl.goTo", num - 1)
}
}
});
<img src="https://osclass.calinbehtuk.ro/oc-content/uploads/0/179.jpg
Easily customize the default transactional WooCommerce order email templates and build your brand using this WooCommerce email customizer plugin.
Our wholesale plugin WooCommerce Protected Categories is the only WordPress plugin to lock down entire categories in your WooCommerce store.
Link management made easy with BetterLinks. Check all the advanced features from BetterLinks PRO and manage your links better than ever before.