diff --git a/_src-lp/blocks/banner/banner.css b/_src-lp/blocks/banner/banner.css index 4ed557ab..da8fef4f 100644 --- a/_src-lp/blocks/banner/banner.css +++ b/_src-lp/blocks/banner/banner.css @@ -220,6 +220,14 @@ border-radius: 22px; } +.section.banner-container.new-2024.v2 p a { + text-decoration: underline; +} + +.section.banner-container.hasslide .block table tr td a { + color: white; +} + .section.banner-container .banner .blue-box tr td:first-of-type { margin-right: 10px; } @@ -396,10 +404,6 @@ color: inherit; } -.section.banner-container.new-2024.v2 p a { - text-decoration: underline; -} - .section.banner-container.hasslide .block table tr td a:hover { text-decoration: none; opacity: 0.7; diff --git a/_src-lp/blocks/banner/banner.scss b/_src-lp/blocks/banner/banner.scss index 88e94b0a..06b05db6 100644 --- a/_src-lp/blocks/banner/banner.scss +++ b/_src-lp/blocks/banner/banner.scss @@ -221,6 +221,14 @@ border-radius: 22px; } +.section.banner-container.new-2024.v2 p a { + text-decoration: underline; +} + +.section.banner-container.hasslide .block table tr td a { + color: white; +} + .section.banner-container .banner .blue-box tr td:first-of-type { margin-right: 10px; } @@ -397,10 +405,6 @@ color: inherit; } -.section.banner-container.new-2024.v2 p a { - text-decoration: underline; -} - .section.banner-container.hasslide .block table tr td a:hover { text-decoration: none; opacity: 0.7; diff --git a/_src-lp/blocks/new-prod-boxes/new-prod-boxes.js b/_src-lp/blocks/new-prod-boxes/new-prod-boxes.js index 4ee4f661..10121820 100644 --- a/_src-lp/blocks/new-prod-boxes/new-prod-boxes.js +++ b/_src-lp/blocks/new-prod-boxes/new-prod-boxes.js @@ -325,6 +325,19 @@ export default function decorate(block) { const value = variationText.trim(); const isChecked = idx === 0 ? 'checked' : ''; + percentOff = Array.from(saveOldPrice.querySelectorAll('td'))[1].innerText.replace('0%', ``); + if (!saveOldPrice.querySelectorAll('td')[1].innerText.includes('0%') && saveOldPrice.querySelectorAll('td')[1].innerText.includes('0')) { + percentOff = Array.from(saveOldPrice.querySelectorAll('td'))[1].innerText.replace('0', ``); + percentOffFlag = true; + } + if (!saveOldPrice.querySelectorAll('td')[1].innerText.includes('0%') && !saveOldPrice.querySelectorAll('td')[1].innerText.includes('0')) { + percentOff = saveOldPrice.querySelectorAll('td')[1].innerText; + percentOffFlag = true; + } + if (!percentOff) { + percentOffFlag = false; + } + li.setAttribute('data-selector-u', `u_${selectorClass}`); li.setAttribute('data-value-u', pusers); li.setAttribute('data-selector-y', `y_${selectorClass}`); diff --git a/_src-lp/scripts/utils.js b/_src-lp/scripts/utils.js index 385d0f17..d323ed43 100644 --- a/_src-lp/scripts/utils.js +++ b/_src-lp/scripts/utils.js @@ -502,11 +502,13 @@ export async function showPrices(storeObj, triggerVPN = false, checkboxId = '', if (parentSaveBox) { parentSaveBox.innerHTML = savings; parentSaveBox.style.visibility = 'visible'; + parentSaveBox.closest('.save').style.visibility = 'visible'; } } else { document.querySelectorAll(`.save-${onSelectorClass}`).forEach((item) => { item.innerHTML = savings; item.style.visibility = 'visible'; + item.closest('.save').style.visibility = 'visible'; }); } }