(function () {
'use strict';
var moved = false;
var observer = null;
var retryTimer = null;
var RELATED_TEXTS = [
'productos relacionados',
'related products'
];
/**
* Check whether an element is one of our widgets
*/
function isOurWidget(el) {
if (!el) return false;
return (
el.matches('.Qe_Recently-view') ||
el.matches('.Qe_best_seller')
);
}
/**
* Find Related Products heading
*/
function findRelatedHeading() {
if (!document.body) return null;
var walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT,
null,
false
);
var node;
while ((node = walker.nextNode())) {
var text = (node.nodeValue || '')
.trim()
.toLowerCase();
if (!text) continue;
for (var i = 0; i < RELATED_TEXTS.length; i++) {
if (text.indexOf(RELATED_TEXTS[i]) !== -1) {
return node;
}
}
}
return null;
}
/**
* Find the complete Related Products section.
*
* We deliberately avoid blindly using closest()
* because some Shopify themes put the heading inside
* several nested wrappers.
*/
function findRelatedContainer(textNode) {
if (!textNode) return null;
var current = textNode.parentElement;
while (
current &&
current !== document.body &&
current.tagName !== 'MAIN'
) {
/*
* Do not select our own widgets.
*/
if (isOurWidget(current)) {
current = current.parentElement;
continue;
}
/*
* Count images/products inside this container.
*/
var images = current.querySelectorAll('img').length;
/*
* Product cards usually make this section
* substantially larger than the heading itself.
*/
var height = current.offsetHeight;
if (
images >= 1 &&
height >= 150
) {
return current;
}
current = current.parentElement;
}
/*
* Fallback: use heading's parent.
*/
return textNode.parentElement;
}
/**
* Find footer
*/
function findFooter() {
return (
document.querySelector('footer') ||
document.querySelector('.site-footer') ||
document.querySelector('[id*="footer"]') ||
document.querySelector('[class*="footer"]')
);
}
/**
* Check whether Recently Viewed is already
* immediately after Related Products.
*/
function alreadyCorrectlyPlaced(
relatedContainer,
recentlyViewed,
bestSeller
) {
if (!relatedContainer) return false;
var next = relatedContainer.nextElementSibling;
/*
* Skip empty wrappers that themes sometimes generate.
*/
while (
next &&
!next.matches('.Qe_Recently-view, .Qe_best_seller') &&
next.textContent.trim() === ''
) {
next = next.nextElementSibling;
}
if (
recentlyViewed &&
next === recentlyViewed
) {
if (bestSeller) {
var nextAfterRecently =
recentlyViewed.nextElementSibling;
if (nextAfterRecently !== bestSeller) {
recentlyViewed.parentNode.insertBefore(
bestSeller,
recentlyViewed.nextSibling
);
}
}
return true;
}
return false;
}
/**
* Move widgets
*/
function moveWidgets() {
if (moved) {
return true;
}
var recentlyViewed =
document.querySelector('.Qe_Recently-view');
var bestSeller =
document.querySelector('.Qe_best_seller');
/*
* Widgets are not loaded yet.
*/
if (!recentlyViewed && !bestSeller) {
return false;
}
/*
* Find Related Products.
*/
var relatedHeading = findRelatedHeading();
if (!relatedHeading) {
return false;
}
var relatedContainer =
findRelatedContainer(relatedHeading);
if (!relatedContainer) {
return false;
}
/*
* Make sure we are not accidentally
* selecting one of our widgets.
*/
if (isOurWidget(relatedContainer)) {
return false;
}
/*
* Already correct.
*/
if (
alreadyCorrectlyPlaced(
relatedContainer,
recentlyViewed,
bestSeller
)
) {
moved = true;
console.log(
'QeApp: Widgets are already in correct position.'
);
stopObserver();
return true;
}
/*
* Move Recently Viewed.
*/
if (recentlyViewed) {
relatedContainer.parentNode.insertBefore(
recentlyViewed,
relatedContainer.nextSibling
);
recentlyViewed.style.display = '';
console.log(
'QeApp: Recently Viewed moved after Related Products.'
);
}
/*
* Move Best Seller after Recently Viewed.
*/
if (bestSeller) {
var anchor =
recentlyViewed || relatedContainer;
anchor.parentNode.insertBefore(
bestSeller,
anchor.nextSibling
);
bestSeller.style.display = '';
console.log(
'QeApp: Best Seller moved after Recently Viewed.'
);
}
moved = true;
refreshSliders();
stopObserver();
return true;
}
/**
* Refresh Slick
*/
function refreshSliders() {
setTimeout(function () {
window.dispatchEvent(
new Event('resize')
);
if (
typeof window.jQuery !== 'undefined' &&
window.jQuery.fn &&
window.jQuery.fn.slick
) {
var recentlySlider =
window.jQuery('.recently_sliders');
var bestSellerSlider =
window.jQuery('.best_seller_sliders');
if (
recentlySlider.length &&
recentlySlider.hasClass('slick-initialized')
) {
recentlySlider.slick('setPosition');
}
if (
bestSellerSlider.length &&
bestSellerSlider.hasClass('slick-initialized')
) {
bestSellerSlider.slick('setPosition');
}
}
}, 300);
}
/**
* Stop observer
*/
function stopObserver() {
if (observer) {
observer.disconnect();
observer = null;
}
if (retryTimer) {
clearTimeout(retryTimer);
retryTimer = null;
}
}
/**
* Start observer
*/
function startObserver() {
if (!document.body) {
retryTimer = setTimeout(
startObserver,
100
);
return;
}
/*
* Try immediately.
*/
if (moveWidgets()) {
return;
}
/*
* Watch Shopify/theme DOM changes.
*/
observer = new MutationObserver(function () {
if (moved) return;
clearTimeout(retryTimer);
retryTimer = setTimeout(function () {
moveWidgets();
}, 100);
});
observer.observe(
document.body,
{
childList: true,
subtree: true
}
);
console.log(
'QeApp: Waiting for Related Products and widgets...'
);
}
/**
* Start only after DOM is available.
*/
if (document.readyState === 'loading') {
document.addEventListener(
'DOMContentLoaded',
startObserver,
{ once: true }
);
} else {
startObserver();
}
})();
body .Qe_best_seller {max-width: 1010px; margin: 0 auto; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px;}
.Qe_Recently-view{max-width: 1010px; margin: 0 auto; padding-left:0px; padding-right:0px; padding-bottom:0px;}
.Qe_Recently-view .box-slider .product_title{font-size:12px; font-weight: 400; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height:17px;}
.Qe_best_seller .box-slider{border-radius:0px;}
.Qe_best_seller .recently-viewed-ttl{font-size: 15px; font-weight: bold; text-transform: uppercase; font-family: VerbRegular-Bold;}
body .Qe_best_seller .box-slider .product_title{font-size: 12px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height:17px;}
.Qe_best_seller .box-slider .product_price_main{font-weight: 600;}
.Qe_Recently-view .box-slider .product_price_main{font-weight:600;}
.Qe_Recently-view .recently_sliders .slick-prev::before, .Qe_Recently-view .recently_sliders .slick-next::before{font-size: 22px;}
body .Qe_Recently-view .slick-prev, .slick-next{height: 22px !important; width: 22px !important;}
.Qe_Recently-view .recently-viewed-ttl{font-family: VerbRegular-Bold; font-size: 15px; font-weight: bold; text-transform: uppercase;}
.Qe_Recently-view .box-slider{border-radius:0px; padding-bottom:0px;}
.Qe_Recently-view .box-slider button.remove-product-btn:before{font-size:11px;}
.Qe_Recently-view .box-slider button.remove-product-btn{height: 18px; width: 18px;}
html body .Qe_best_seller .best_seller_sliders .slick-prev::before, .Qe_best_seller .best_seller_sliders .slick-next::before {font-size: 22px !important;}
html body .Qe_best_seller .slick-prev, .slick-next{height:22px !important; width:22px !important;}
html body .Qe_best_seller .best_seller_sliders .slick-next{height:22px !important; width:22px !important;}
@media (max-width: 767px) {
.block.layout-main .layout-detail{z-index: unset;}
}
