window.sg_addon_change_css = (css) => { return css.replace("@import url(https://fonts.googleapis.com/css?family=Open+Sans);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);", ""); } const showMoreAddon = function () { let maxOnLoad = 3; let addonBox = document.querySelector("#spiceaddonsappid"); let total = document.querySelector("div.sg-pro-subtotal-price"); let addonsHeading = document.querySelector("div.spice-spa-addon-heading"); let addonsWrapper = document.querySelector(".spice-spa-addon-product-wrapper"); let collapsible = document.createElement("div"); collapsible.id = 'sg-addon-bottom'; addonsWrapper.after(collapsible); let bottomBtn = document.createElement("span"); bottomBtn.id = 'sg-addon-bottom-btn'; bottomBtn.innerHTML = `

`; bottomBtn.addEventListener('click', hideShow); collapsible.append(bottomBtn, total || ''); let headingBtn = document.createElement("span"); headingBtn.id = 'sg-addon-heading-btn'; headingBtn.addEventListener('click', hideShow); addonsHeading.append(headingBtn); let addons = document.querySelectorAll('.spice-spa-addon-product-item'); addons.forEach((item, index) => { if (index >= maxOnLoad) item.style.display = 'none'; }); const remaining = addons.length - maxOnLoad; if (remaining > 0) { headingBtn.innerText = `${remaining} Weitere Optionen`; bottomBtn.style.display = 'inline-flex'; headingBtn.style.display = 'inline-flex'; } else { headingBtn.style.display = 'none'; bottomBtn.style.display = 'none'; } function hideShow() { addons.forEach((item, index) => { if (index >= maxOnLoad) { const isHidden = item.style.display === "none"; item.style.display = isHidden ? "flex" : "none"; } }); const expanded = document.querySelector('.spice-spa-addon-product-wrapper').classList.toggle('showAll'); if (expanded) { bottomBtn.innerHTML = `

Hide

`; headingBtn.innerText = `Hide`; } else { bottomBtn.innerHTML = `

`; headingBtn.innerText = `${remaining} Weitere Optionen`; } } }; document.addEventListener('spicegemsAddon:initiated', function () { document.head.insertAdjacentHTML('beforeend', ``); }); document.addEventListener('spicegemsAddon:inserted', function () { document.querySelector('.sgCustomOpacity').remove(); if (SPICEADDONS.glblProp?.isGroup == false) { showMoreAddon(); } }); document.addEventListener("spicegemsAddon:started", () => { SPICEADDONS.discount.cart.crossAndShowLinePrice = function (priceSelector, discountedPrice, forAjax) { let linePriceSel = forAjax ? "sg-ajax-line-price" : "sg-normal-line-price"; let wrapPrice = `${priceSelector.innerHTML}`; priceSelector.innerHTML = ""; priceSelector.insertAdjacentHTML("beforeEnd", wrapPrice); priceSelector .querySelectorAll("span, strong") .forEach((element) => element.classList.remove("spicegems-cross-amount")); let discountSpan = ` ${SPICEADDONS.currencyFormats.mainFormat(discountedPrice)} `; priceSelector .querySelectorAll("span, strong") .forEach((element) => element.classList.add("spicegems-cross-amount")); priceSelector.insertAdjacentHTML("beforeEnd", discountSpan); }; });

Sherpa 4x4 Blog

E.V.A latest Sherpa 4x4 Dealer

Subscribe