jQuery(function ($) {
$('.product-slider > ol').each(function (element) {
var $this = $(this);
if ($this.children('li').length > 4) {
$this.slick({
dots: true,
arrows: true,
prevArrow: '
',
nextArrow: '
',
slidesToShow: 4,
slidesToScroll: 4,
responsive: Responsive.slickSlider,
});
$this.find('div.slick-slide .additional-information-block').each(function () {
$(this).removeClass('hover');
});
$this.find('div.slick-slide').hover(function () {
$('.temp-additional').remove();
var div = $(this);
if(!div.hasClass('slick-active')) {
return;
}
div.addClass('show-border');
var block = div.find('div.additional-information-block').clone();
block.addClass('temp-additional');
var addToTop = 345;
var addToPadding = '10px';
if(block.hasClass('has-configurable')) {
addToTop = 303;
if(block.height() < 70) {
addToPadding = '20px';
}
}
block.css(div.offset());
block.css({
top: parseInt(block.css("top")) + addToTop,
left: parseInt(block.css("left")),
width: div.width() + 2,
padding: '0 10px ' + addToPadding
});
$('.product-view-content').append(block.prop('outerHTML'));
$('.temp-additional').on('mouseover, mouseout, mouseleave', function () {
$('.temp-additional').remove();
div.removeClass('show-border');
});
}, function (e) {
var className = $(e.relatedTarget).attr('class');
var block = $('.temp-additional').html();
if(!className || (block && block.search(className) === -1)) {
$('.temp-additional').remove();
$('.products-list').find('.show-border').removeClass('show-border');
}
});
}
});
});