[{"key":"exp-019-advice-hide-the-product-carousel-for-nonmembers","changeId":"23419a574aeef84010015df90a2f5f0ff7013d3cc0bfd6891ed145a67e844fbd","status":"stopped","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":"[class*='GridItemArticle_footer']","action":"set","attribute":"style","value":"display: none"},{"selector":".sharing-options-vertical","action":"set","attribute":"style","value":"display: none"},{"selector":"[data-testid=\"hide-on-article-scroll\"]","action":"set","attribute":"style","value":"display: none"}]},{"css":"","js":"","domMutations":[{"selector":"[class^='GridItemArticle_footer']","action":"set","attribute":"style","value":"display: none"},{"selector":".sharing-options-vertical","action":"set","attribute":"style","value":"display: none"},{"selector":".sidebar .associated-articles:nth-of-type(2)","action":"set","attribute":"style","value":"display: none"},{"selector":"[data-testid=\"hide-on-article-scroll\"]","action":"set","attribute":"style","value":"display: none"}]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/(?!.*new-and-used-cars)(?:reviews\\/[^\\/]+\\/article\\/[^\\/?#]*).*"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"No carousels or social"},{"key":"2","name":"V1 + No Related articles"}],"filters":[],"seed":"8ab70c3b-704b-4348-b5d5-987c9789535d","name":"EXP 019 [Advice] Hide the product carousel & other noise","phase":"0","force":2,"coverage":1},{"key":"mobile-pp-test","changeId":"ff119153d7eb5db241dd1ea040d811693397f55c82bf7e059ca75777272a8477","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(function() {\n // 1. Mobile Check\n const isMobile = window.innerWidth <= 768;\n if (!isMobile) return;\n\n // 2. Polling: Wait for BOTH the Article and the Destination Grid\n const intervalId = setInterval(function() {\n \n // Selector for the Article (using wildcard for safety)\n const articleElement = document.querySelector('article[class*=\"LoggedOutMemberBenefits_panel\"]');\n \n // Selector for the Destination (The Featured Links Grid)\n const destinationContainer = document.querySelector('section[data-testid=\"featuredLinks\"] section[data-testid=\"grid\"]');\n\n // Only proceed if BOTH exist\n if (articleElement && destinationContainer) {\n clearInterval(intervalId);\n\n // --- PART A: Edit Content (Slimline) ---\n const legalSmallPrint = articleElement.querySelector('p[class*=\"SignupButton_caption\"]');\n \n if (legalSmallPrint) {\n const parentOfLegalSmallPrint = legalSmallPrint.parentElement;\n \n // Remove siblings after legal print\n let currentNode = parentOfLegalSmallPrint.nextElementSibling;\n while (currentNode) {\n const next = currentNode.nextElementSibling;\n currentNode.remove();\n currentNode = next;\n }\n\n // Remove Footer\n const footerElement = articleElement.querySelector('[class*=\"ContextualPanelFooter_footer\"]');\n if (footerElement) {\n footerElement.remove();\n }\n\n // Reset Height to auto so it shrinks to fit new content size\n articleElement.style.minHeight = 'auto';\n articleElement.style.height = 'auto';\n }\n\n // --- PART B: Reposition and Rebalance Spacing ---\n \n // Get the GRID WRAPPER (the parent div with GridItem classes)\n const gridWrapper = articleElement.closest('div[class*=\"GridItem\"]');\n\n if (gridWrapper) {\n // 1. Move it to the top\n destinationContainer.prepend(gridWrapper);\n\n // 2. Apply Styles to Fix Grid Position and Spacing\n // We use cssText to apply multiple styles at once.\n // !important is needed to override existing class styles.\n gridWrapper.style.cssText += `\n grid-column-start: 1 !important; \n grid-row-start: 1 !important;\n margin-top: 0px !important;\n margin-bottom: 32px !important; \n `;\n \n // NOTE: You can adjust '32px' above to '24px' or '40px' depending on preferred balance.\n }\n }\n }, 100); // Check every 100ms\n\n // 3. Safety Timeout: Give up after 5 seconds\n setTimeout(function() {\n clearInterval(intervalId);\n }, 5000);\n\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"0d023f85-44c1-4804-9f92-60d181bf3fcc","name":"Move Mobile PPP to the top of the page","phase":"0","coverage":1},{"key":"visual-editor-work-registration-consent-messaging","changeId":"6376b58d65571588bc602a7addb5f57126669ae9fc55a7461017d438dd94781d","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Consent UI Refactor (Optimized for Production)\n * - MutationObserver disconnects after success to save resources.\n * - Uses event delegation for cleaner logic.\n * - Minimal DOM footprints.\n */\n\n(function() {\n const CONFIG = {\n id: 'gb-consent-experiment',\n selectors: {\n emailInput: 'input#email',\n // Using attribute-contains selectors for better resilience against hashed CSS modules\n marketingHeader: '[class*=\"MarketingPreferences_marketingConsentHeading\"]',\n marketingRows: '[class*=\"MarketingPreferences_marketingConsent__\"]',\n disclaimerTexts: 'p[class*=\"Typography_sb-text-body-default-regular\"]',\n formFieldClass: 'FormField_formField'\n },\n externalIcon: ``\n };\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-new-consent-wrapper { margin: 24px 0; font-family: Arial, sans-serif; clear: both; }\n .gb-header { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #000; }\n .gb-subheader { font-size: 14px; margin-bottom: 20px; color: #333; line-height: 1.5; }\n .gb-card { border: 1px solid #ced4da; border-radius: 8px; padding: 16px; margin-bottom: 12px; display: flex; align-items: flex-start; cursor: pointer; transition: all 0.2s ease; background: #fff; }\n .gb-card:hover { border-color: #0056b3; }\n .gb-card.selected { border-color: #0056b3; background-color: #f8fbff; }\n .gb-checkbox-ui { width: 20px; height: 20px; border: 2px solid #ced4da; border-radius: 4px; margin-right: 16px; flex-shrink: 0; position: relative; top: 2px; }\n .gb-card.selected .gb-checkbox-ui { background-color: #0056b3; border-color: #0056b3; }\n .gb-card.selected .gb-checkbox-ui::after { content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }\n .gb-card-title-row { font-weight: 700; font-size: 16px; color: #000; margin-bottom: 4px; }\n .gb-card-desc { font-size: 14px; color: #555; line-height: 1.4; }\n .gb-legal-link { color: #0056b3; text-decoration: underline; }\n .gb-show-more-btn { background: none; border: none; color: #0056b3; padding: 0; font-size: 14px; cursor: pointer; text-decoration: underline; display: inline; margin-left: 4px; }\n .gb-more-info { display: none; margin: 12px 0 20px 0; padding: 12px; background: #f4f4f4; border-radius: 4px; font-size: 13px; color: #555; }\n .gb-more-info.expanded { display: block; }\n .gb-hidden { position: absolute !important; height: 1px !important; width: 1px !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; }\n `;\n document.head.appendChild(style);\n };\n\n const applyExperiment = () => {\n const emailInput = document.querySelector(CONFIG.selectors.emailInput);\n const marketingHeader = document.querySelector(CONFIG.selectors.marketingHeader);\n \n if (!emailInput || !marketingHeader || document.querySelector('.gb-new-consent-wrapper')) return false;\n\n injectStyles();\n\n const container = marketingHeader.parentElement;\n // Using [class*=\"...\"] to find the root wrapper more reliably than a full hashed class name\n const emailFieldRoot = emailInput.closest(`[class*=\"${CONFIG.selectors.formFieldClass}\"]`);\n if (!emailFieldRoot) return false;\n\n // Hide original nodes via accessibility-safe class\n container.querySelectorAll(`${CONFIG.selectors.marketingHeader}, ${CONFIG.selectors.marketingRows}, ${CONFIG.selectors.disclaimerTexts}:not(:last-of-type)`)\n .forEach(el => el.classList.add('gb-hidden'));\n\n // Inject New UI\n const html = `\n `;\n \n emailFieldRoot.insertAdjacentHTML('afterend', html);\n\n // Logic Bindings\n const setupCard = (id, consentName) => {\n const card = document.getElementById(id);\n if (!card) return;\n\n const syncState = () => {\n const yesRadio = document.querySelector(`input[name=\"${consentName}Consent\"][value=\"Yes\"]`);\n card.classList.toggle('selected', !!(yesRadio && yesRadio.checked));\n };\n\n card.addEventListener('click', () => {\n const targetValue = card.classList.contains('selected') ? 'No' : 'Yes';\n const targetRadio = document.querySelector(`input[name=\"${consentName}Consent\"][value=\"${targetValue}\"]`);\n if (targetRadio) {\n targetRadio.click();\n targetRadio.dispatchEvent(new Event('change', { bubbles: true }));\n }\n syncState();\n });\n syncState();\n };\n\n const toggleBtn = document.getElementById('gb-toggle-info');\n if (toggleBtn) {\n toggleBtn.addEventListener('click', (e) => {\n e.preventDefault();\n const content = document.getElementById('gb-more-info-content');\n const isExpanded = content.classList.toggle('expanded');\n toggleBtn.textContent = isExpanded ? 'Show less' : 'Show more';\n });\n }\n\n setupCard('gb-card-email', 'email');\n setupCard('gb-card-post', 'post');\n\n return true;\n };\n\n const observer = new MutationObserver(() => {\n if (applyExperiment()) observer.disconnect();\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n applyExperiment();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/registration"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"f14b2541-9d7c-427d-8752-96dba89a17b1","name":"Consent selection test QA","phase":"1","condition":{"id":{"$regex":"317a05de-0554-4d51-b4d6-827f494c134e|2aee58cc-137b-41b2-a5a9-a0275045a949"}},"coverage":1},{"key":"payment-upsell-test","changeId":"8eab416ba71265d7b89d782f3ecb78d3b2272b9dcd4682f7022c19d3416ba468","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v1',\n offers: {\n 'digital': {\n targetName: 'Digital',\n currentPeriod: 'Month',\n upgradeRate: '8a28b30e9bf8f843019c0f017fc80bba',\n upgradeProduct: '8a28c43c8b8b0115018ba4e4335541f4',\n headline: 'Save £18.88 every year',\n subline: 'Switch to Annual for just £89 (equivalent to £7.42/mo).'\n },\n 'full access': {\n targetName: 'Full Access',\n currentPeriod: 'Month',\n upgradeRate: '8a28b30e9bf8f843019c0f017fef0bbc',\n upgradeProduct: '8a28c9d78cf77775018cf886631207f6',\n headline: 'Save £34.88 every year',\n subline: 'Switch to Annual for just £109 (equivalent to £9.08/mo).'\n }\n },\n selectors: {\n container: '[class*=\\\"FeaturesPanel_container__\\\"]', // Targeted outer wrapper\n title: '[data-testid=\\\"product-title\\\"]'\n }\n };\n\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-v1-card {\n margin-top: 24px; /* Space between separate panels */\n padding: 20px;\n background: #f0f7fd; /* Soft blue brand background */\n border: 1px solid #d0e4f5;\n border-left: 6px solid #0056b3;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n font-family: Arial, sans-serif;\n animation: gbFadeIn 0.4s ease-out;\n }\n .gb-v1-tag {\n display: inline-block;\n background: #0056b3;\n color: #fff;\n font-size: 11px;\n font-weight: 700;\n padding: 2px 8px;\n border-radius: 2px;\n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .gb-v1-head { \n font-weight: 700; \n font-size: 17px; \n margin-bottom: 6px; \n color: #E81C30; /* Highlighted Red for Save text */\n }\n .gb-v1-sub { \n font-size: 14px; \n color: #333; \n margin-bottom: 16px; \n line-height: 1.5; \n }\n .gb-v1-btn {\n display: inline-block;\n background: transparent; /* Hollow button style */\n border: 1px solid #0056b3;\n color: #0056b3;\n padding: 10px 24px;\n font-weight: 700;\n cursor: pointer;\n border-radius: 24px;\n transition: all 0.2s ease-in-out;\n font-size: 14px;\n }\n .gb-v1-btn:hover { \n background: #0056b3; \n color: #fff; \n }\n @keyframes gbFadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n const titleEl = document.querySelector(CONFIG.selectors.title);\n const container = document.querySelector(CONFIG.selectors.container);\n if (!titleEl || !container || document.querySelector('.gb-v1-card')) return;\n\n const text = titleEl.innerText.toLowerCase();\n const offer = text.includes('full access') ? CONFIG.offers['full access'] : \n (text.includes('digital') ? CONFIG.offers['digital'] : null);\n\n // Only target Monthly plans\n if (!offer || !text.includes('month')) return;\n\n injectStyles();\n const html = `\n

\n Best Value Upgrade\n

${offer.headline}

${offer.subline}

\n \n

\n `;\n \n // Injects as a sibling after the entire features container section\n container.insertAdjacentHTML('afterend', html);\n\n const btn = document.getElementById('gb-v1-upgrade');\n if (btn) {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n const url = new URL(window.location.href);\n url.searchParams.set('productId', offer.upgradeProduct);\n url.searchParams.set('rateId', offer.upgradeRate);\n window.location.href = url.toString();\n });\n }\n };\n\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\n apply();\n})();","domMutations":[]},{"css":"","js":"(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v2',\n offers: {\n 'digital': {\n upgradeRate: '8a28b30e9bf8f843019c0f017fc80bba',\n upgradeProduct: '8a28c43c8b8b0115018ba4e4335541f4',\n msg: 'Save £18.88 by switching to Annual. Pay the equivalent of just £7.42 a month.'\n },\n 'full access': {\n upgradeRate: '8a28b30e9bf8f843019c0f017fef0bbc',\n upgradeProduct: '8a28c9d78cf77775018cf886631207f6',\n msg: 'Save £34.88 and get 12 issues of Which? Magazine. Switch to Annual for £109.'\n }\n },\n selectors: {\n panelHeader: '[class*=\"FeaturesPanel_header__\"]',\n title: '[data-testid=\"product-title\"]'\n }\n };\n\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-v2-banner {\n margin: 0;\n padding: 12px 16px;\n background: #fdfdfd;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n display: flex;\n flex-direction: column;\n gap: 12px;\n font-family: Arial, sans-serif;\n }\n .gb-v2-flex { display: flex; gap: 8px; align-items: flex-start; }\n .gb-v2-text { font-size: 13px; color: #333; line-height: 1.4; }\n .gb-v2-text strong { color: #E81C30; } /* Highlighted Red for Save and Price */\n .gb-v2-action {\n align-self: flex-start;\n color: #0056b3;\n font-weight: 700;\n cursor: pointer;\n font-size: 13px;\n background: transparent;\n border: 1px solid #0056b3;\n padding: 6px 16px;\n border-radius: 20px;\n text-align: center;\n transition: all 0.2s ease-in-out;\n }\n .gb-v2-action:hover {\n background: #0056b3;\n color: #fff;\n text-decoration: none;\n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n const titleEl = document.querySelector(CONFIG.selectors.title);\n const header = document.querySelector(CONFIG.selectors.panelHeader);\n if (!titleEl || !header || document.querySelector('.gb-v2-banner')) return;\n\n const text = titleEl.innerText.toLowerCase();\n const offer = text.includes('full access') ? CONFIG.offers['full access'] : \n (text.includes('digital') ? CONFIG.offers['digital'] : null);\n\n if (!offer || !text.includes('month')) return;\n\n injectStyles();\n const html = `\n \n `;\n \n // Injects directly below the header inside the box\n header.insertAdjacentHTML('afterend', html);\n\n const btn = document.getElementById('gb-v2-upgrade');\n if (btn) {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n const url = new URL(window.location.href);\n url.searchParams.set('productId', offer.upgradeProduct);\n url.searchParams.set('rateId', offer.upgradeRate);\n window.location.href = url.toString();\n });\n }\n };\n\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\n apply();\n})();","domMutations":[]},{"css":"","js":"(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v3',\n offers: {\n 'digital': {\n upgradeRate: '8a28b30e9bf8f843019c0f017fc80bba',\n upgradeProduct: '8a28c43c8b8b0115018ba4e4335541f4',\n label: 'Switch to Annual: £89/yr (Save £18.88)'\n },\n 'full access': {\n upgradeRate: '8a28b30e9bf8f843019c0f017fef0bbc',\n upgradeProduct: '8a28c9d78cf77775018cf886631207f6',\n label: 'Switch to Annual: £109/yr (Save £34.88)'\n }\n },\n selectors: {\n container: '[class*=\"FeaturesPanel_container__\"]', // Targeted the full section wrapper\n title: '[data-testid=\"product-title\"]'\n }\n };\n\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-v3-module {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 24px; /* Distinct space between the separate panels */\n background: #ffffff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n font-family: Arial, sans-serif;\n }\n .gb-v3-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n }\n .gb-v3-label { \n font-size: 14px; \n font-weight: 700; \n color: #333; \n line-height: 1.4;\n }\n .gb-v3-save { color: #E81C30; } /* Highlighting the savings in red */\n .gb-v3-link {\n font-size: 13px;\n color: #0056b3;\n font-weight: 700;\n cursor: pointer;\n text-decoration: none;\n border: 1px solid #0056b3;\n padding: 8px 16px;\n border-radius: 20px;\n transition: all 0.2s ease-in-out;\n background: #fff;\n white-space: nowrap;\n text-align: center;\n }\n .gb-v3-link:hover { \n background: #0056b3; \n color: #fff; \n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n const titleEl = document.querySelector(CONFIG.selectors.title);\n const container = document.querySelector(CONFIG.selectors.container);\n \n // Ensure container is present and we haven't already injected\n if (!titleEl || !container || document.querySelector('.gb-v3-module')) return;\n\n const text = titleEl.innerText.toLowerCase();\n const offer = text.includes('full access') ? CONFIG.offers['full access'] : \n (text.includes('digital') ? CONFIG.offers['digital'] : null);\n\n // Only target Monthly plans\n if (!offer || !text.includes('month')) return;\n\n injectStyles();\n \n const html = `\n

\n ${offer.label}\n Switch to Annual\n

\n `;\n \n // Injects as a sibling after the entire features container section\n container.insertAdjacentHTML('afterend', html);\n\n const btn = document.getElementById('gb-v3-upgrade');\n if (btn) {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n const url = new URL(window.location.href);\n url.searchParams.set('productId', offer.upgradeProduct);\n url.searchParams.set('rateId', offer.upgradeRate);\n window.location.href = url.toString();\n });\n }\n };\n\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\n apply();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28f8018b8b0100018ba4e89d37708b"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment?rateId=8a28d7ac9222ee540192357ac1b94c12&productId=8a28c9d78cf77775018cf886631207f6"}],"weights":[0.25,0.25,0.25,0.25],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"},{"key":"2","name":"Variation 2"},{"key":"3","name":"Variation 3"}],"filters":[],"seed":"78f91404-bdf8-4a5f-8fe0-c71561dd7df4","name":"Payment upsell test","phase":"0","condition":{"id":"317a05de-0554-4d51-b4d6-827f494c134e"},"coverage":1},{"key":"dsp-032-sitewide-laptop-helper-poc","changeId":"b683a3cfa4bcdc29c9db07fb512d7ebc0443172c1488c977bbb71e82e56ffde3","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Guided Laptop Widget\n * Description: Injects a multi-step guided help widget below the breadcrumbs.\n * The widget expands as an overlay (dropdown) to avoid pushing page content down.\n * Uses localStorage to remember the user's current step across page loads.\n */\n\n(function () {\n 'use strict';\n\n const CONFIG = {\n id: 'gb-guided-laptop-widget',\n experimentId: 'gb-guided-laptop-widget', // Matches item_group in tracking\n storageKey: 'gb_guided_laptop_step', // Key to remember user's state\n selectors: {\n // Target the breadcrumb section directly based on the site's HTML\n target: '[data-testid=\"breadcrumb\"]',\n // Fallback in case data-testid is removed\n fallback: 'header[class*=\"Breadcrumb_breadcrumb__\"]'\n },\n copy: {\n expert: {\n name: 'Oliver Trebilcock',\n title: 'Which? laptop expert',\n quote: '\"From helping you understand the difference between a Macbook and a Chromebook to picking the best models from hundreds of tests, I’ve done the research so you can be confident in your choice\"'\n }\n },\n // High-quality UI placeholder for the expert\n expertImg: 'https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=120&h=120'\n };\n\n // Event Tracking Helper (GA4 / GTM Standardized)\n const trackEvent = (itemText = undefined, parentText = undefined) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'notification_ab_test',\n 'item_text': itemText,\n 'item_parent_text': parentText,\n 'item_group': CONFIG.experimentId\n });\n };\n\n // SPA Guard\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n /* Container & Layout */\n .gb-widget-root {\n font-family: inherit;\n background-color: #FFF9C4;\n width: 100%;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e0e0;\n position: relative;\n display: block;\n z-index: 100; /* High z-index to overlay content below */\n }\n\n .gb-widget-root *, \n .gb-widget-root *::before, \n .gb-widget-root *::after {\n box-sizing: inherit;\n }\n\n /* Step 0: Initial Bar */\n .gb-step-bar {\n display: flex;\n align-items: center;\n padding: 14px 16px;\n cursor: pointer;\n justify-content: space-between;\n border: none;\n background: transparent;\n width: 100%;\n text-align: left;\n }\n .gb-bar-content {\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 700;\n font-size: 16px;\n color: #000;\n }\n .gb-icon-bulb { width: 28px; height: 28px; flex-shrink: 0; }\n .gb-chevron {\n transition: transform 0.3s;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n }\n .gb-open .gb-chevron { transform: rotate(180deg); }\n\n /* Panel Wrapper - Acts as an absolute overlay */\n .gb-panel-wrapper {\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background-color: #FFF9C4;\n z-index: 101;\n box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\n border-bottom: 2px solid #e0e0e0;\n display: none; /* Hidden by default */\n }\n .gb-widget-root.gb-open .gb-panel-wrapper {\n display: block; /* Show when widget is open */\n }\n\n /* Panel Common */\n .gb-panel {\n padding: 0 16px 24px 16px;\n display: none;\n animation: gbFadeIn 0.2s ease-out;\n }\n .gb-panel.active { display: block; }\n \n @keyframes gbFadeIn {\n from { opacity: 0; transform: translateY(-5px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .gb-back-btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: none;\n border: none;\n color: #0050B3;\n font-weight: 700;\n cursor: pointer;\n margin-bottom: 16px;\n padding: 0;\n font-family: inherit;\n font-size: 14px;\n }\n\n .gb-title {\n font-size: 1.25rem;\n font-weight: 800;\n margin: 0 0 16px 0;\n line-height: 1.2;\n color: #000;\n }\n\n /* Buttons/Cards */\n .gb-btn-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-bottom: 20px;\n }\n @media (min-width: 768px) {\n .gb-btn-group-row { flex-direction: row; flex-wrap: wrap; }\n }\n\n .gb-card-btn {\n background: #fff;\n border: 1px solid #000;\n padding: 12px 16px;\n border-radius: 4px;\n text-align: left;\n font-weight: 700;\n cursor: pointer;\n font-size: 15px;\n transition: background 0.2s;\n font-family: inherit;\n color: #000;\n }\n .gb-card-btn:hover { background: #f9f9f9; }\n\n /* Expert Box */\n .gb-expert-box {\n background-color: #CCEEFF;\n padding: 20px;\n border: 1px solid #000;\n text-align: center;\n margin-top: 10px;\n border-radius: 4px;\n }\n .gb-expert-img {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n background: #fff;\n margin: 0 auto 12px;\n border: 2px solid #000;\n overflow: hidden;\n }\n .gb-expert-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .gb-expert-quote {\n font-style: italic;\n font-size: 14px;\n margin-bottom: 12px;\n line-height: 1.5;\n color: #333;\n }\n .gb-expert-name { font-weight: 800; margin-bottom: 2px; }\n .gb-expert-title { font-size: 13px; color: #444; }\n\n /* Result Box */\n .gb-result-box {\n background: #fff;\n border: 1px solid #ccc;\n padding: 16px;\n border-radius: 4px;\n margin-bottom: 12px;\n }\n .gb-result-title { \n font-weight: 800; \n margin-bottom: 4px; \n display: block; \n color: #0050B3;\n text-decoration: underline;\n }\n .gb-result-desc { font-size: 14px; color: #333; line-height: 1.4; }\n `;\n document.head.appendChild(style);\n };\n\n const createWidget = () => {\n const root = document.createElement('div');\n root.className = 'gb-widget-root';\n root.id = CONFIG.id;\n\n root.innerHTML = `\n \n \n\n \n

\n \n

Would you like us to help you find your perfect laptop?

\n \n \n

\n $\"${CONFIG.copy.expert.name}\"$ \n

${CONFIG.copy.expert.quote}

${CONFIG.copy.expert.name}

${CONFIG.copy.expert.title}

\n\n \n

\n \n

Which stage are you at?

\n \n \n \n

\n\n \n

\n \n

Learn about laptops & clarify your needs

\n Laptops 101\n

Understand the basics of laptops, including what CPUs and GPUs are

\n How to choose a laptop\n

Considerations to be aware of when deciding what you need

\n\n \n

\n \n

How would you prefer to choose?

\n \n \n

\n\n \n

\n \n

Find out about a particular product

\n Search or Filter\n

Use our search bar or brand filters to find the exact model you're interested in.

\n Compare against our top picks\n

Visit our Best Laptops 2026 article and use \"Add to compare\" to see them side-by-side.

\n `;\n\n // Interaction Logic\n const toggle = root.querySelector('#gb-toggle');\n const panels = root.querySelectorAll('.gb-panel');\n const closeBtn = root.querySelector('#gb-close');\n\n const showPanel = (id) => {\n panels.forEach(p => p.classList.remove('active'));\n if (id) {\n const target = root.querySelector(`#gb-panel-${id}`);\n if (target) {\n target.classList.add('active');\n root.classList.add('gb-open');\n toggle.setAttribute('aria-expanded', 'true');\n // Save state securely\n try { localStorage.setItem(CONFIG.storageKey, id); } catch(e) {}\n \n trackEvent('Panel Rendered', `Step ${id}`);\n }\n } else {\n root.classList.remove('gb-open');\n toggle.setAttribute('aria-expanded', 'false');\n }\n };\n\n toggle.addEventListener('click', () => {\n if (root.classList.contains('gb-open')) {\n trackEvent('Collapse Header', 'Global Widget Toggle');\n showPanel(null);\n } else {\n // Open to the last saved step or default to 1\n let stepToOpen = '1';\n try {\n const savedState = localStorage.getItem(CONFIG.storageKey);\n // Prevent bugs from previous versions that saved 'closed' or invalid states\n if (savedState && savedState !== 'closed' && root.querySelector(`#gb-panel-${savedState}`)) {\n stepToOpen = savedState;\n }\n } catch(e) {}\n \n trackEvent('Expand Header', 'Global Widget Toggle');\n showPanel(stepToOpen);\n }\n });\n\n root.addEventListener('click', (e) => {\n const next = e.target.closest('[data-next]');\n const back = e.target.closest('[data-back]');\n const hrefBtn = e.target.closest('[data-href]');\n const link = e.target.closest('a');\n \n // Determine current step for context in tracking\n const currentStep = Array.from(panels).find(p => p.classList.contains('active'))?.id.replace('gb-panel-', '') || 'unknown';\n \n if (next) {\n trackEvent(next.innerText.trim(), `Step ${currentStep}`);\n showPanel(next.dataset.next);\n }\n if (back) {\n trackEvent('Back Button', `Step ${currentStep}`);\n showPanel(back.dataset.back);\n }\n if (hrefBtn) {\n trackEvent(hrefBtn.innerText.trim(), `Step ${currentStep}`);\n window.location.href = hrefBtn.dataset.href;\n }\n if (link) {\n trackEvent(link.innerText.trim() || link.href, `Step ${currentStep}`);\n }\n });\n\n closeBtn.addEventListener('click', (e) => {\n e.stopPropagation();\n trackEvent('No thanks button', 'Step 1');\n showPanel(null);\n });\n\n return root;\n };\n\n const apply = () => {\n // Find the breadcrumb wrapper using data-testid first, then fallback to class\n const target = document.querySelector(CONFIG.selectors.target) || document.querySelector(CONFIG.selectors.fallback);\n const existing = document.getElementById(CONFIG.id);\n\n if (!target || existing) return false;\n\n injectStyles();\n const widget = createWidget();\n \n // Insert directly after the breadcrumb section\n target.insertAdjacentElement('afterend', widget);\n\n return true;\n };\n\n // Initialize with Observer for SPA/Dynamic loading\n const observer = new MutationObserver(() => {\n apply();\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n \n // Initial run\n apply();\n\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"regex","pattern":"^https://www\\.which\\.co\\.uk/reviews/laptops/.*"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"ad6c53f5-cd64-4d7a-8c7e-95150d3aa754","name":"DSP 032 [Sitewide] Laptop Helper POC","phase":"0","condition":{"id":{"$regex":"2aee58cc-137b-41b2-a5a9-a0275045a949|65243d99-ea13-4785-9c43-a2e409646b44"}},"coverage":1},{"key":"homepage-visual-editor-test-test","changeId":"c0c6b8abb610b82e4042409324e4ccd77b039820c374feb14fbb8e1fcd532382","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":"header ._homePageText_z3t9d_2185","action":"set","attribute":"html","value":"Discover the power in you!"},{"selector":"._navigation_dg7dq_246 ._highlight_dg7dq_2214","action":"set","attribute":"html","value":"you!"}]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"785731b3-98ca-4c4a-a16c-c88878f6ee78","name":"Homepage visual editor test test","phase":"0","coverage":1},{"key":"exp-038-product-listings-add-relevant-advice-links-to-filter-sections","changeId":"1d2fe64c2bd2551dacbcf5c63d5a482e4226e2d5fac183fd3bbbd1c76253ccd7","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: EXP 038 Add relevant advice links to filter sections\n * * Description: \n * This script injects advice links into specific filter sections across TVs, Cars, and Washing Machines.\n * - Inline links (e.g. Don't Buy) are placed under specific filter checkboxes without chevrons.\n * - Section links are placed at the bottom of the accordion with a blue chevron and top border.\n * * Engineering Standards:\n * - Resilience: Uses attribute-contains selectors [class*=\"...\"] to survive CSS module rehashing.\n * - Performance: MutationObserver monitors for React re-renders.\n * - Safety: Execution guard prevents double-injection on SPAs.\n * - Unified Logic: Automatically detects the product category route.\n */\n\n(function () {\n const CONFIG = {\n id: 'multi_category_filter_links',\n experimentId: 'EXP 038 Add relevant advice links to filter sections',\n selectors: {\n accordionItem: 'li[data-testid=\"accordion-item\"]',\n accordionContent: '[class*=\"Filters_accordionContent\"]',\n headerLabel: '[class*=\"Typography_sb-text-interface-body-default-strong\"]',\n // Inline targeting\n checkboxWrapper: '[data-testid=\"filter-checkbox-wrapper\"]',\n featureHeader: '[class*=\\\"Filter_exclusionFilterTitle\\\"]',\n tooltip: '[data-testid=\"filter-tooltip\"]'\n }\n };\n\n // 1. Execution Guard: Prevent multiple runs on SPA navigation\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const tvData = [\n {\n section: \"Best Buys & Don't Buys\",\n links: [\n { text: \"Which? Don't Buy TVs\", href: \"https://www.which.co.uk/reviews/televisions/article/which-dont-buy-tvs-avGpY4Q2Npls\", targetText: \"don't buy\", type: \"inline-checkbox\" }\n ]\n },\n {\n section: \"Screen size\",\n links: [{ text: \"What size TV should I buy?\", href: \"https://www.which.co.uk/reviews/televisions/article/what-size-tv-should-i-buy/what-size-tv-should-i-buy-aXiiB3e0zZcW\", type: \"bottom\" }]\n },\n {\n section: \"Brands\",\n links: [\n { text: \"Which TV brand to buy in 2026\", href: \"https://www.which.co.uk/reviews/televisions/article/most-reliable-tv-brands-aHn4T3r7VjsM\", type: \"bottom\" },\n { text: \"Should you buy a Bush, JVC or Logik TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/should-you-buy-a-currys-or-argos-brand-tv-adSdf3i54xPd\", type: \"bottom\" },\n { text: \"Samsung vs LG TVs: which is best?\", href: \"https://www.which.co.uk/reviews/televisions/article/samsung-vs-lg-tvs-which-is-best-ahcff9c1krJF\", type: \"bottom\" },\n { text: \"Should you buy a Hisense TV over an LG or Samsung?\", href: \"https://www.which.co.uk/reviews/televisions/article/should-you-buy-a-hisense-tv-over-an-lg-or-samsung-aDusZ0t3tEd2\", type: \"bottom\" }\n ]\n },\n {\n section: \"Screen type\",\n links: [\n { text: \"What are LCD and LED TVs and what's the difference?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-are-lcd-and-led-tvs-and-what-s-the-difference-ac27g0D50PeT\", type: \"bottom\" },\n { text: \"What is OLED TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-oled-tv-aGjI44A1IVQc\", type: \"bottom\" },\n { text: \"What is QLED TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-qled-tv-asQHo4o9SgcG\", type: \"bottom\" }\n ]\n },\n {\n section: \"Features\",\n links: [\n { text: \"What is Freeview Play?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-freeview-play-aWWFq7b6mGfB\", targetText: \"freeview play\", type: \"inline-title\" },\n { text: \"What is HDR?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-hdr-tv-aXRJb9O3rPPx\", targetText: \"hdr\", type: \"inline-title\" }\n ]\n },\n {\n section: \"Annual running cost\",\n links: [{ text: \"How much does your TV really cost to run?\", href: \"https://www.which.co.uk/reviews/televisions/article/how-much-does-your-tv-really-cost-to-run-avFBE9o43tX5\", type: \"bottom\" }]\n },\n {\n section: \"TV accessibility settings\",\n links: [{ text: \"The best TVs for people who are blind or partially sighted\", href: \"https://www.which.co.uk/reviews/televisions/article/the-best-tvs-for-people-who-are-blind-or-partially-sighted-akJC52P8mk06\", type: \"bottom\" }]\n },\n {\n section: \"Gaming features\",\n links: [{ text: \"What specs should a TV have for gaming?\", href: \"https://www.which.co.uk/reviews/televisions/article/the-best-tvs-for-gaming-aQOsC3p2dXb3#what-specs-should-a-tv-have-for-gaming\", type: \"bottom\" }]\n },\n {\n section: \"Resolution\",\n links: [\n { text: \"What is 4K TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-4k-tv-aA9be0m2H18T\", type: \"bottom\" },\n { text: \"What is 8K TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-8k-tv-aeTW93f7JRej\", type: \"bottom\" }\n ]\n }\n ];\n\n const carData = [\n {\n section: \"Brands\",\n links: [\n { text: \"BYD vs Tesla: which EV brand is best?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/byd-v-tesla-which-is-best-aHibp3U3ryvc\", type: \"bottom\" },\n { text: \"Kia Sportage vs Hyundai Tucson: which is best?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/kia-sportage-vs-hyundai-tucson-which-is-best-a9Qhr3w2ENdo\", type: \"bottom\" },\n { text: \"Most reliable car brands\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/car-reliability/most-reliable-car-brands-aIgru9f1jeFC\", type: \"bottom\" }\n ]\n },\n {\n section: \"New/Used\",\n links: [\n { text: \"How to buy the best used car\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/how-to-buy-the-best-car/how-to-buy-the-best-used-car-anNPo1k4R4hS\", type: \"bottom\" },\n { text: \"How to buy the best new car\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/how-to-buy-the-best-car/how-to-buy-the-best-new-car-aUjg94F3x8bL\", type: \"bottom\" }\n ]\n },\n {\n section: \"Fuel type\",\n links: [\n { text: \"Petrol vs diesel vs hybrid cars: which is better?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/petrol-vs-diesel-cars-which-is-better-az4UV9R1twEE\", type: \"bottom\" },\n { text: \"The pros and cons of EVs in 2026\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/should-i-buy-an-electric-car-ao47p7A3gD29\", type: \"bottom\" },\n { text: \"Petrol vs diesel fuel cost calculator\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/driver-calculators-and-tools/petrol-vs-diesel-calculator-aq1aI3j7Pkm7\", type: \"bottom\" }\n ]\n },\n {\n section: \"Price\",\n links: [\n { text: \"Top cash and finance discounts, plus how to haggle\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/best-cash-and-finance-discounts-on-new-cars-aY9jH3J1Q8Fj\", type: \"bottom\" }\n ]\n }\n ];\n\n const washingMachineData = [\n {\n section: \"Brands\",\n links: [\n { text: \"Which washing machine brand is the most reliable?\", href: \"https://www.which.co.uk/reviews/washing-machines/article/best-washing-machine-brands-a2Z6T7H782pB\", type: \"bottom\" }\n ]\n },\n {\n section: \"Price\",\n links: [\n { text: \"Best cheap washing machines 2026: budget models under £400\", href: \"https://www.which.co.uk/reviews/washing-machines/article/top-five-best-cheap-washing-machines-a00aT7T8Y9Hi\", type: \"bottom\" }\n ]\n },\n {\n section: \"Smart\",\n links: [\n { text: \"Smart washing machines explained\", href: \"https://www.which.co.uk/reviews/washing-machines/article/smart-washing-machines-explained-atSzX5S9PxPE\", type: \"bottom\" }\n ]\n },\n {\n section: \"Spin speed\",\n links: [\n { text: \"Useful washing machine cycles\", href: \"https://www.which.co.uk/reviews/washing-machines/article/useful-washing-machine-programs-aVyo00m11RUN\", type: \"bottom\" }\n ]\n },\n {\n section: \"Annual running cost\",\n links: [\n { text: \"Energy-efficient washing machines\", href: \"https://www.which.co.uk/reviews/washing-machines/article/energy-efficient-washing-machines-aDUNk3I9sAL4\", type: \"bottom\" }\n ]\n },\n {\n section: \"Type\",\n links: [\n { text: \"Best integrated washing machines\", href: \"https://www.which.co.uk/reviews/washing-machines/article/how-to-buy-the-best-integrated-washing-machine-aKLaj1q36EUK\", type: \"bottom\" }\n ]\n }\n ];\n\n // 2. Dynamic Routing: Determine the active page configuration\n let activeData = [];\n const path = window.location.pathname;\n\n if (path.includes('/reviews/televisions')) {\n activeData = tvData;\n } else if (path.includes('/reviews/new-and-used-cars')) {\n activeData = carData;\n } else if (path.includes('/reviews/washing-machines')) {\n activeData = washingMachineData;\n }\n\n // If we aren't on a recognized page, stop execution\n if (!activeData.length) return;\n\n\n // =================================================================================\n // DOM INJECTION & TRACKING LOGIC\n // =================================================================================\n\n /**\n * Fires tracking event to the dataLayer\n */\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'notification_ab_test',\n 'item_text': itemText,\n 'item_parent_text': parentText,\n 'item_group': CONFIG.experimentId\n });\n };\n\n /**\n * Injects CSS for the custom links and containers\n */\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-filter-link-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n }\n /* Placement at bottom of accordion section */\n .gb-placement-bottom {\n margin-top: 16px;\n }\n /* Inline placement (under checkboxes or titles) */\n .gb-placement-inline {\n margin-top: 4px;\n margin-bottom: 12px;\n }\n /* Align with checkbox labels (offset for icon/padlock) */\n .gb-align-checkbox {\n padding-left: 28px;\n }\n /* Align with sub-titles (no offset) */\n .gb-align-title {\n padding-left: 0;\n }\n .gb-filter-help-link {\n display: inline-flex;\n align-items: center;\n color: #0050B3 !important;\n text-decoration: none;\n cursor: pointer;\n width: fit-content;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n .gb-filter-help-link:hover {\n text-decoration: underline;\n }\n .gb-filter-help-link svg {\n margin-right: 8px;\n flex-shrink: 0;\n }\n `;\n document.head.appendChild(style);\n };\n\n /**\n * Helper to create the link anchor element\n */\n const createLink = (text, href, sectionName, hasChevron = false) => {\n const link = document.createElement('a');\n link.className = 'gb-filter-help-link';\n link.href = href;\n \n let iconHtml = '';\n if (hasChevron) {\n iconHtml = `\n \n `;\n }\n\n link.innerHTML = `${iconHtml}${text}`;\n link.addEventListener('click', () => {\n trackEvent(text, sectionName);\n });\n return link;\n };\n\n /**\n * Primary logic for DOM manipulation and link injection\n */\n const apply = () => {\n const accordionItems = document.querySelectorAll(CONFIG.selectors.accordionItem);\n \n accordionItems.forEach(item => {\n const header = item.querySelector(CONFIG.selectors.headerLabel);\n if (!header) return;\n\n const sectionTitle = header.textContent.trim();\n const sectionMatch = activeData.find(d => d.section.toLowerCase() === sectionTitle.toLowerCase());\n\n if (sectionMatch) {\n const contentArea = item.querySelector(CONFIG.selectors.accordionContent);\n if (!contentArea) return;\n\n // --- 1. Inline Link Placement ---\n sectionMatch.links.filter(l => l.type.startsWith(\"inline\")).forEach(linkData => {\n let targetElement = null;\n let alignmentClass = 'gb-align-checkbox';\n\n if (linkData.type === \"inline-checkbox\") {\n // Target the specific checkbox wrapper containing the label text (e.g., Don't Buy)\n const wrappers = contentArea.querySelectorAll(CONFIG.selectors.checkboxWrapper);\n targetElement = Array.from(wrappers).find(w => w.textContent.toLowerCase().includes(linkData.targetText));\n alignmentClass = 'gb-align-checkbox';\n } \n else if (linkData.type === \"inline-title\") {\n // Target the sub-header (e.g., Freeview Play or HDR) - specific to TVs\n const headers = contentArea.querySelectorAll(CONFIG.selectors.featureHeader);\n const headerEl = Array.from(headers).find(h => h.textContent.toLowerCase() === linkData.targetText);\n if (headerEl) {\n // Insert after title or tooltip to keep row integrity\n const tooltip = headerEl.nextElementSibling?.matches(CONFIG.selectors.tooltip) ? headerEl.nextElementSibling : null;\n targetElement = tooltip || headerEl;\n alignmentClass = 'gb-align-title';\n }\n }\n\n // Guard: prevent duplicate injection after this specific element\n if (targetElement && !targetElement.nextElementSibling?.classList.contains('gb-placement-inline')) {\n const container = document.createElement('div');\n container.className = `gb-filter-link-container gb-placement-inline ${alignmentClass}`;\n container.appendChild(createLink(linkData.text, linkData.href, sectionTitle, false));\n targetElement.insertAdjacentElement('afterend', container);\n }\n });\n\n // --- 2. Bottom Link Placement ---\n const bottomLinks = sectionMatch.links.filter(l => l.type === \"bottom\");\n if (bottomLinks.length > 0 && !contentArea.querySelector('.gb-placement-bottom')) {\n const container = document.createElement('div');\n container.className = 'gb-filter-link-container gb-placement-bottom';\n bottomLinks.forEach(linkData => {\n container.appendChild(createLink(linkData.text, linkData.href, sectionTitle, true));\n });\n contentArea.appendChild(container);\n }\n }\n });\n };\n\n // Lifecycle Initialization\n injectStyles();\n \n // Observe body for subtree changes to handle React re-renders efficiently\n const observer = new MutationObserver(apply);\n observer.observe(document.body, { childList: true, subtree: true });\n \n // Run immediately in case elements are already in the DOM\n apply();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/reviews\\/(televisions|new-and-used-cars|washing-machines)\\/?$"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"f35d20ea-3f9a-4824-a170-3c094fc7ab5f","name":"EXP 038 [Product Listings] Add relevant advice links to filter sections","phase":"2","condition":{"id":{"$regex":"65243d99-ea13-4785-9c43-a2e409646b44|2aee58cc-137b-41b2-a5a9-a0275045a949|f70c0b3e-c7d0-43bf-9185-573724864582|dd8531a7-6a65-4073-bee0-92045fd8bdec"}},"coverage":1},{"key":"filtered-listings-links-advice-pages","changeId":"831119b1cc5c6854baee8c442a6ee23c58c49ab7e17dd76cfeac28405a79abd1","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/televisions/article/best-cheap-tvs-a5tli4d9hH1f"}],"weights":[0.25,0.25,0.25,0.25],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"},{"key":"2","name":"Variation 2"},{"key":"3","name":"Variation 3"}],"filters":[],"seed":"bab1e5fb-9832-4b42-a169-de89f8d71c49","name":"Filtered listings links from advice pages","phase":"0","coverage":1}]

Stay informed with Which?

Would you like us to help you find your perfect laptop?

Which stage are you at?

Learn about laptops & clarify your needs

How would you prefer to choose?

Find out about a particular product

Ben Stockton

2017

Which? reviews the latest B&O Beoplay M5 and Beolit 17 wireless speakers