[{"key":"live-chat-button","changeId":"79509b8c2e465aa5f8dcab13abea10f1fd59819f824aa272b09298fa7b855774","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":".live-chat-btn{\n margin-top: 5px;\n margin-bottom: 10px;\n cursor: pointer;\n height: 44px;\n padding: 8px 21px;\n border-radius: calc(44px * 0.5);\n -webkit-text-decoration: none;\n text-decoration: none;\n text-align: center;\n display: -webkit-inline-box;\n display: -webkit-inline-flex;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-family: \"National2-Medium\",\"Arial\",\"Helvetica\",sans-serif;\n font-weight: 600;\n font-size: 18px;\n line-height: 25px;\n border: 1px solid #929292;\n background-color: #ffffff;\n color: #000000;\n}\n.disabled-btn{\n cursor: pointer;\n height: 44px;\n padding: 8px 21px;\n border-radius: calc(44px * 0.5);\n -webkit-text-decoration: none;\n text-decoration: none;\n text-align: center;\n display: -webkit-inline-box;\n display: -webkit-inline-flex;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-family: \"National2-Medium\",\"Arial\",\"Helvetica\",sans-serif;\n font-weight: 600;\n font-size: 18px;\n line-height: 25px;\n color: #ffffff;\n pointer-events: none;\n color: #000000;\n border: 1px solid #676767;\n background-color: #cccccc;\n}\n\n/* Loading Button */\n.sbui-vu3jbp {\n height: 100%;\n width: 100%;\n color: rgb(232, 28, 48);\n}\n.sbui-gj5ky0 {\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n animation-name: animation_1a85w7r, animation_11m81zd;\n opacity: 0.5;\n transform: translate(10.5px, 12.76px);\n}\n\n@keyframes animation_1a85w7r {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.349138, 0.387416, 0.677763, 0.742755);\n animation-timing-function: cubic-bezier(0.349138, 0.387416, 0.677763, 0.742755);\n -webkit-transform: translate(10.5px, 12.759979px);\n -moz-transform: translate(10.5px, 12.759979px);\n -ms-transform: translate(10.5px, 12.759979px);\n transform: translate(10.5px, 12.759979px);\n }\n 10% {\n -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);\n animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);\n -webkit-transform: translate(10.5px, 16px);\n -moz-transform: translate(10.5px, 16px);\n -ms-transform: translate(10.5px, 16px);\n transform: translate(10.5px, 16px);\n }\n 60% {\n -webkit-animation-timing-function: cubic-bezier(0.439018, 0, 0.741925, 0.554529);\n animation-timing-function: cubic-bezier(0.439018, 0, 0.741925, 0.554529);\n -webkit-transform: translate(10.5px, 10px);\n -moz-transform: translate(10.5px, 10px);\n -ms-transform: translate(10.5px, 10px);\n transform: translate(10.5px, 10px);\n }\n 100% {\n -webkit-transform: translate(10.5px, 12.759979px);\n -moz-transform: translate(10.5px, 12.759979px);\n -ms-transform: translate(10.5px, 12.759979px);\n transform: translate(10.5px, 12.759979px);\n }\n}\n\n@keyframes animation_11m81zd{\n 0% {\n opacity: 0.5;\n }\n 10% {\n opacity: 0.5;\n }\n 60% {\n opacity: 1;\n }\n 100% {\n opacity: 0.7;\n }\n}\n\n.sbui-yx6ogi {\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n animation-name: animation-148k9ai, animation-1b64q3h;\n opacity: 0.7;\n transform: translate(33.5px, 12.4794px);\n}\n\n@keyframes animation-148k9ai{\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.40903, 0.284382, 0.71216, 0.763185);\n animation-timing-function: cubic-bezier(0.40903, 0.284382, 0.71216, 0.763185);\n -webkit-transform: translate(33.5px, 12.479385px);\n -moz-transform: translate(33.5px, 12.479385px);\n -ms-transform: translate(33.5px, 12.479385px);\n transform: translate(33.5px, 12.479385px);\n}\n30% {\n -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);\n animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);\n -webkit-transform: translate(33.5px, 16px);\n -moz-transform: translate(33.5px, 16px);\n -ms-transform: translate(33.5px, 16px);\n transform: translate(33.5px, 16px);\n}\n80% {\n -webkit-animation-timing-function: cubic-bezier(0.379206, 0, 0.707638, 0.402709);\n animation-timing-function: cubic-bezier(0.379206, 0, 0.707638, 0.402709);\n -webkit-transform: translate(33.5px, 10px);\n -moz-transform: translate(33.5px, 10px);\n -ms-transform: translate(33.5px, 10px);\n transform: translate(33.5px, 10px);\n}\n100% {\n -webkit-transform: translate(33.5px, 12.479385px);\n -moz-transform: translate(33.5px, 12.479385px);\n -ms-transform: translate(33.5px, 12.479385px);\n transform: translate(33.5px, 12.479385px);\n}}\n\n@keyframes animation-1b64q3h{\n 0% {\n opacity: 0.7;\n }\n 30% {\n opacity: 0.5;\n }\n 80% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n\n.sbui-vly7zx {\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n animation-name: animation-k6mcfu, animation-13jqfej;\n opacity: 1;\n transform: translate(56.5px, 10px);\n}\n\n@keyframes animation-k6mcfu{\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\n animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\n -webkit-transform: translate(56.5px, 10px);\n -moz-transform: translate(56.5px, 10px);\n -ms-transform: translate(56.5px, 10px);\n transform: translate(56.5px, 10px);\n }\n 50% {\n -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);\n animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);\n -webkit-transform: translate(56.5px, 16px);\n -moz-transform: translate(56.5px, 16px);\n -ms-transform: translate(56.5px, 16px);\n transform: translate(56.5px, 16px);\n }\n 100% {\n -webkit-transform: translate(56.5px, 10px);\n -moz-transform: translate(56.5px, 10px);\n -ms-transform: translate(56.5px, 10px);\n transform: translate(56.5px, 10px);\n }\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1;\n }\n\n}\n\n@keyframes animation-13jqfej{\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1;\n }\n \n}","js":"\nconst btnEnabled = `

`\nconst btnDisabled = `

`\nconst btnLoading = `

`\n\n\n$(\".refresh-hero-text-wrapper-inner\").append(btnLoading);\n\n\n\n\n\n\nlet counter=0;\nlet interval = setInterval(function () {\n counter++\n if ($('.helpButtonEnabled').length > 0) {\n $(\".loading-btn\").remove()\n $(\".refresh-hero-text-wrapper-inner\").append(btnEnabled);\n\n setTimeout(() => {\n $(\".enabled-btn\").click(()=>{\n \n $(\".helpButtonEnabled\").click()\n })\n }, 50);\n \n clearInterval(interval); \n } else {\n \n if (counter == 20) {\n $(\".loading-btn\").remove()\n $(\".refresh-hero-text-wrapper-inner\").append(btnDisabled);\n clearInterval(interval)}\n }\n}, 500);","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","urlPatterns":[{"include":true,"type":"simple","pattern":"https://legalservice.which.co.uk/"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"mm-demo-experiment-client-side","name":"live-chat-button","phase":"0","coverage":1},{"key":"carl-test-ap-digital","changeId":"57dcf3f98940321faabb28c0c77c9ae2acf35e62484896cdf061d54b16e473ba","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"// PREPROD test\n\ndocument.querySelectorAll(\"body form\").forEach((f) => f.addEventListener('submit', apWorkflow));\n\nfunction apWorkflow(event) {\n event.preventDefault();\n audiencePlatformFlowFlag = false;\n\n var searchParams = new URLSearchParams(window.location.search);\n\n // extract source_code param\n if(!isNullOrUndefined(searchParams.get(\"source_code\"))) {\n source_code = searchParams.get(\"source_code\");\n } else {\n source_code = getCookieValue(\"source_code\");\n }\n\n if(!isNullOrUndefined(source_code)) {\n const apExpDests = {\n \"DIGITALM899\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Monthly%20Standard&lmo_offer=/offers2/Digital%20Join%20Monthly%20Standard<m_gaBundleID=DIGITALM899<m_product=core<m_firstPaymentAmount=8.99<m_recurringPaymentAmount=8.99\",\n \"DIGITALA79\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%20Standard&lmo_offer=/offers2/Digital%20Join%20Annual%20Standard<m_gaBundleID=DIGITALA7900<m_product=core<m_firstPaymentAmount=79.00<m_recurringPaymentAmount=79.00\",\n \"DIGITALA55379\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%2030%20percent%20Discount%201%20year&lmo_offer=/offers2/Digital%20Join%20Annual%2030%20percent%20Discount%201%20year<m_gaBundleID=DIGITALA55307900<m_product=core<m_firstPaymentAmount=55.30<m_recurringPaymentAmount=79.00\",\n \"FULL99\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Annual%20Standard&lmo_offer=/offers2/Full%20Access%20Join%20Annual%20Standard<m_gaBundleID=FULLA9900<m_product=core<m_firstPaymentAmount=99.00<m_recurringPaymentAmount=99.00\",\n \"FULLM51099\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Monthly%20%C2%A35%20First%20Month&lmo_offer=/offers2/Full%20Access%20Join%20Monthly%20%C2%A35%20First%20Month<m_gaBundleID=FULLM5001099<m_product=core<m_firstPaymentAmount=5.00<m_recurringPaymentAmount=10.99\",\n \"PRINT79\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Annual%20Standard&lmo_offer=/offers2/Which%20Magazine%20Join%20Annual%20Standard<m_gaBundleID=PRINTA7900<m_product=core<m_firstPaymentAmount=79.00<m_recurringPaymentAmount=79.00\",\n \"PRINTM899\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Monthly%20Standard&lmo_offer=/offers2/Which%20Magazine%20Join%20Monthly%20Standard<m_gaBundleID=PRINTM899<m_product=core<m_firstPaymentAmount=8.99<m_recurringPaymentAmount=8.99\",\n };\n\n const dest = apExpDests[event.target.querySelector(\"input[type=radio]:checked\").dataset.whichBundle];\n\n if (!isNullOrUndefined(dest)) {\n audiencePlatformFlowFlag = true;\n window.history.back();\n window.location.href = \"https://preprod-account.internal.which.co.uk\" + dest + \"&utm_source_code=\" + source_code;\n }\n }\n\n // If it is not audience platform flow valid we continue in the legacy way by continue with form submission\n if (!audiencePlatformFlowFlag) {\n event.currentTarget.submit();\n }\n}\n\nfunction isNullOrUndefined(value) {\n return value === undefined || value === null;\n}\n\nfunction getCookieValue(name) {\n const regex = new RegExp(`(^| )${name}=([^;]+)`);\n const match = document.cookie.match(regex);\n if (match) {\n return match[2];\n }\n}\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://preprod.join.which.co.uk/join/subscribe"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"carl-test-ap-digital","name":"CARL TEST [Details Page] De-risking test for the AP digital package [QA] (Copy)","phase":"0","coverage":0.93},{"key":"carl-test-ap-fa-json","changeId":"14c4e0acd1c628683f57045321e73161091456c3c7a3625255d7024e464cfffc","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"// PREPROD test\n\ndocument.querySelectorAll(\"body form\").forEach((f) => f.addEventListener('submit', apWorkflow));\n\nfunction apWorkflow(event) {\n event.preventDefault();\n audiencePlatformFlowFlag = false;\n\n var searchParams = new URLSearchParams(window.location.search);\n\n // extract source_code param\n if(!isNullOrUndefined(searchParams.get(\"source_code\"))) {\n source_code = searchParams.get(\"source_code\");\n } else {\n source_code = getCookieValue(\"source_code\");\n }\n\n if(!isNullOrUndefined(source_code)) {\n const apExpDests = {\n \"DIGITALM899\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Monthly%20Standard&lmo_offer=/offers2/Digital%20Join%20Monthly%20Standard<m_gaBundleID=DIGITALM899<m_product=core<m_firstPaymentAmount=8.99<m_recurringPaymentAmount=8.99\",\n \"DIGITALA79\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%20Standard&lmo_offer=/offers2/Digital%20Join%20Annual%20Standard<m_gaBundleID=DIGITALA7900<m_product=core<m_firstPaymentAmount=79.00<m_recurringPaymentAmount=79.00\",\n \"DIGITALA55379\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%2030%20percent%20Discount%201%20year&lmo_offer=/offers2/Digital%20Join%20Annual%2030%20percent%20Discount%201%20year<m_gaBundleID=DIGITALA55307900<m_product=core<m_firstPaymentAmount=55.30<m_recurringPaymentAmount=79.00\",\n \"DIGITALA39579\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year&lmo_offer=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year<m_gaBundleID=DIGITALA39507900<m_product=core<m_firstPaymentAmount=39.50<m_recurringPaymentAmount=79.00\",\n \"FULL99\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Annual%20Standard&lmo_offer=/offers2/Full%20Access%20Join%20Annual%20Standard<m_gaBundleID=FULLA9900<m_product=core<m_firstPaymentAmount=99.00<m_recurringPaymentAmount=99.00\",\n \"FULLM51099\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Monthly%20%C2%A35%20First%20Month&lmo_offer=/offers2/Full%20Access%20Join%20Monthly%20%C2%A35%20First%20Month<m_gaBundleID=FULLM5001099<m_product=core<m_firstPaymentAmount=5.00<m_recurringPaymentAmount=10.99\",\n \"PRINT79\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Annual%20Standard&lmo_offer=/offers2/Which%20Magazine%20Join%20Annual%20Standard<m_gaBundleID=PRINTA7900<m_product=core<m_firstPaymentAmount=79.00<m_recurringPaymentAmount=79.00\",\n \"PRINTM899\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Monthly%20Standard&lmo_offer=/offers2/Which%20Magazine%20Join%20Monthly%20Standard<m_gaBundleID=PRINTM899<m_product=core<m_firstPaymentAmount=8.99<m_recurringPaymentAmount=8.99\",\n };\n \n // \n\n const dest = apExpDests[event.target.querySelector(\"input[type=radio]:checked\").dataset.whichBundle];\n\n if (!isNullOrUndefined(dest)) {\n audiencePlatformFlowFlag = true;\n console.log(\"Navigating to: \" + dest);\n window.history.back();\n window.location.href = \"https://preprod-account.internal.which.co.uk\" + dest + \"&utm_source_code=\" + source_code;\n }\n }\n\n // If it is not audience platform flow valid we continue in the legacy way by continue with form submission\n if (!audiencePlatformFlowFlag) {\n event.currentTarget.submit();\n }\n}\n\nfunction isNullOrUndefined(value) {\n return value === undefined || value === null;\n}\n\nfunction getCookieValue(name) {\n const regex = new RegExp(`(^| )${name}=([^;]+)`);\n const match = document.cookie.match(regex);\n if (match) {\n return match[2];\n }\n}\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://preprod.join.which.co.uk/join/subscribe"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"carl-test-ap-fa-json","name":"CARL TEST [Details Page] De-risking test for the AP digital package [QA] (JSON URL map)","phase":"0","coverage":1},{"key":"REV-013-Product-Listings-Hide-MBFs-on-all-listings-pages-to-prove-value","changeId":"06ab66efff72e9168b5291041fcfe2a86f47e855a2de5df736ed237387b1cfea","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".GridItemProductListing_filter__bRfDF .QuestionGroup_questionGroupWrapper__4G\\+sR","action":"append","attribute":"display","value":"none"},{"selector":".GridItemProductListing_filter__bRfDF .QuestionGroup_questionGroupWrapper__4G\\+sR","action":"remove","attribute":"display","value":"none"},{"selector":".GridItemProductListing_filter__bRfDF .QuestionGroup_questionGroupWrapper__4G\\+sR","action":"set","attribute":"style","value":"display:none;"}]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/televisions"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"REV-013-Product-Listings-Hide-MBFs-on-all-listings-pages-to-prove-value","name":"REV 013 [Product Listings] Hide NBFs on all listings pages to prove value","phase":"0","coverage":1},{"key":"Testing-Visual-Editor-on-Old-My-Account-v2","changeId":"71c85fa572177a5727a9980a4aaef1cb24d22b609a33055659b22fb625b7ddd8","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".main-scene-parent .scene-title","action":"set","attribute":"html","value":"Experimentation is cool"}]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/account/"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"Testing Visual Editor on Old My Account v2","name":"Testing Visual Editor on Old My Account v2","phase":"0","condition":{"id":"3a5f3a72-1248-4042-89a5-0c053ce834a3"},"coverage":1},{"key":"ap-rollout-promo-preprod","changeId":"6c42d0428d110a594fefc7bb8b18877cf5aa98e9adce427dbdb2454fe21a71b4","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"// PREPROD\n\ndocument.querySelectorAll(\"body form\").forEach((f) => f.addEventListener('submit', apWorkflow));\n\nfunction apWorkflow(event) {\n event.preventDefault();\n audiencePlatformFlowFlag = false;\n\n var searchParams = new URLSearchParams(window.location.search);\n\n // extract source_code param\n if(!isNullOrUndefined(searchParams.get(\"source_code\"))) {\n source_code = searchParams.get(\"source_code\");\n } else {\n source_code = getCookieValue(\"source_code\");\n }\n\n if(!isNullOrUndefined(source_code)) {\n const apExpDests = {\n \"DIGITALA39579\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year&lmo_offer=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year<m_gaBundleID=DIGITALA39507900<m_product=core<m_firstPaymentAmount=39.50<m_recurringPaymentAmount=79.00\",\n \"FULL495\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Annual%2050%20percent%20Discount%201%20Year&lmo_offer=/offers2/Full%20Access%20Join%20Annual%2050%20percent%20Discount%201%20Year<m_gaBundleID=FULLA49509900<m_product=legal<m_firstPaymentAmount=49.50<m_recurringPaymentAmount=99.00\",\n \"PRINT395\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Annual%2050%20percent%20Discount%201%20year&lmo_offer=/offers2/Which%20Magazine%20Join%20Annual%2050%20percent%20Discount%201%20year<m_gaBundleID=PRINTA39507900<m_product=core<m_firstPaymentAmount=39.50<m_recurringPaymentAmount=79.00\",\n };\n\n const dest = apExpDests[event.target.querySelector(\"input[type=radio]:checked\").dataset.whichBundle];\n\n if (!isNullOrUndefined(dest)) {\n audiencePlatformFlowFlag = true;\n console.log(\"Navigating to: \" + dest);\n window.history.back();\n window.location.href = \"https://preprod-account.internal.which.co.uk\" + dest + \"&utm_source_code=\" + source_code;\n }\n }\n\n // If it is not audience platform flow valid we continue in the legacy way by continue with form submission\n if (!audiencePlatformFlowFlag) {\n event.currentTarget.submit();\n }\n}\n\nfunction isNullOrUndefined(value) {\n return value === undefined || value === null;\n}\n\nfunction getCookieValue(name) {\n const regex = new RegExp(`(^| )${name}=([^;]+)`);\n const match = document.cookie.match(regex);\n if (match) {\n return match[2];\n }\n}\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"simple","pattern":"https://preprod.join.which.co.uk/join/subscribe/promo"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"ap-rollout-promo-preprod","name":"AP rollout - Promo - Preprod","phase":"0","coverage":1},{"key":"ap-rollout-voucher-preprod","changeId":"c71c80c258a86866ac635f8c4fa338a2d7b663a35be96a0f47d4c9812868b7e1","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"// PREPROD\n\ndocument.querySelectorAll(\"body form\").forEach((f) => f.addEventListener('submit', apWorkflow));\n\nfunction apWorkflow(event) {\n event.preventDefault();\n audiencePlatformFlowFlag = false;\n\n var searchParams = new URLSearchParams(window.location.search);\n\n // extract source_code param\n if(!isNullOrUndefined(searchParams.get(\"source_code\"))) {\n source_code = searchParams.get(\"source_code\");\n } else {\n source_code = getCookieValue(\"source_code\");\n }\n\n if(!isNullOrUndefined(source_code)) {\n const apExpDests = {\n \"DIGITALM899\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Monthly%20Standard&lmo_offer=/offers2/Digital%20Join%20Monthly%20Standard<m_gaBundleID=DIGITALM899<m_product=core<m_firstPaymentAmount=8.99<m_recurringPaymentAmount=8.99\",\n \"DIGITALA79\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%20Standard&lmo_offer=/offers2/Digital%20Join%20Annual%20Standard<m_gaBundleID=DIGITALA7900<m_product=core<m_firstPaymentAmount=79.00<m_recurringPaymentAmount=79.00\",\n \"DIGITALA55379\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%2030%20percent%20Discount%201%20year&lmo_offer=/offers2/Digital%20Join%20Annual%2030%20percent%20Discount%201%20year<m_gaBundleID=DIGITALA55307900<m_product=core<m_firstPaymentAmount=55.30<m_recurringPaymentAmount=79.00\",\n \"DIGITALA39579\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year&lmo_offer=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year<m_gaBundleID=DIGITALA39507900<m_product=core<m_firstPaymentAmount=39.50<m_recurringPaymentAmount=79.00\",\n \"FULL99\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Annual%20Standard&lmo_offer=/offers2/Full%20Access%20Join%20Annual%20Standard<m_gaBundleID=FULLA9900<m_product=core<m_firstPaymentAmount=99.00<m_recurringPaymentAmount=99.00\",\n \"FULLM51099\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Monthly%20%C2%A35%20First%20Month&lmo_offer=/offers2/Full%20Access%20Join%20Monthly%20%C2%A35%20First%20Month<m_gaBundleID=FULLM5001099<m_product=core<m_firstPaymentAmount=5.00<m_recurringPaymentAmount=10.99\",\n \"PRINT79\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Annual%20Standard&lmo_offer=/offers2/Which%20Magazine%20Join%20Annual%20Standard<m_gaBundleID=PRINTA7900<m_product=core<m_firstPaymentAmount=79.00<m_recurringPaymentAmount=79.00\",\n \"PRINTM899\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Monthly%20Standard&lmo_offer=/offers2/Which%20Magazine%20Join%20Monthly%20Standard<m_gaBundleID=PRINTM899<m_product=core<m_firstPaymentAmount=8.99<m_recurringPaymentAmount=8.99\",\n \"FULL495\": \"/missing\",\n \"PRINT395\": \"/missing\",\n };\n\n const dest = apExpDests[event.target.querySelector(\"input[type=radio]:checked\").dataset.whichBundle];\n\n if (!isNullOrUndefined(dest)) {\n audiencePlatformFlowFlag = true;\n console.log(\"Navigating to: \" + dest);\n window.history.back();\n window.location.href = \"https://preprod-account.internal.which.co.uk\" + dest + \"&utm_source_code=\" + source_code;\n }\n }\n\n // If it is not audience platform flow valid we continue in the legacy way by continue with form submission\n if (!audiencePlatformFlowFlag) {\n event.currentTarget.submit();\n }\n}\n\nfunction isNullOrUndefined(value) {\n return value === undefined || value === null;\n}\n\nfunction getCookieValue(name) {\n const regex = new RegExp(`(^| )${name}=([^;]+)`);\n const match = document.cookie.match(regex);\n if (match) {\n return match[2];\n }\n}\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"simple","pattern":"https://preprod.join.which.co.uk/join/subscribe/voucher"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"ap-rollout-voucher-preprod","name":"AP rollout - voucher- Preprod","phase":"0","coverage":1},{"key":"ap-rollout-rejoin-preprod","changeId":"89c299088907b2720dcd3a177a45b5187d6c83cb6e8bc00c4f33d4d403c13771","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"// PREPROD\n\ndocument.querySelectorAll(\"body form\").forEach((f) => f.addEventListener('submit', apWorkflow));\n\nfunction apWorkflow(event) {\n event.preventDefault();\n audiencePlatformFlowFlag = false;\n\n var searchParams = new URLSearchParams(window.location.search);\n\n // extract source_code param\n if(!isNullOrUndefined(searchParams.get(\"source_code\"))) {\n source_code = searchParams.get(\"source_code\");\n } else {\n source_code = getCookieValue(\"source_code\");\n }\n\n if(!isNullOrUndefined(source_code)) {\n const apExpDests = {\n \"DIGITALA39579\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year&lmo_offer=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year<m_gaBundleID=DIGITALA39507900<m_product=core<m_firstPaymentAmount=39.50<m_recurringPaymentAmount=79.00\",\n \"FULL495\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Annual%2050%20percent%20Discount%201%20Year&lmo_offer=/offers2/Full%20Access%20Join%20Annual%2050%20percent%20Discount%201%20Year<m_gaBundleID=FULLA49509900<m_product=legal<m_firstPaymentAmount=49.50<m_recurringPaymentAmount=99.00\",\n \"PRINT395\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Annual%2050%20percent%20Discount%201%20year&lmo_offer=/offers2/Which%20Magazine%20Join%20Annual%2050%20percent%20Discount%201%20year<m_gaBundleID=PRINTA39507900<m_product=core<m_firstPaymentAmount=39.50<m_recurringPaymentAmount=79.00\",\n };\n\n const dest = apExpDests[event.target.querySelector(\"input[type=radio]:checked\").dataset.whichBundle];\n\n if (!isNullOrUndefined(dest)) {\n audiencePlatformFlowFlag = true;\n console.log(\"Navigating to: \" + dest);\n window.history.back();\n window.location.href = \"https://preprod-account.internal.which.co.uk\" + dest + \"&utm_source_code=\" + source_code;\n }\n }\n\n // If it is not audience platform flow valid we continue in the legacy way by continue with form submission\n if (!audiencePlatformFlowFlag) {\n event.currentTarget.submit();\n }\n}\n\nfunction isNullOrUndefined(value) {\n return value === undefined || value === null;\n}\n\nfunction getCookieValue(name) {\n const regex = new RegExp(`(^| )${name}=([^;]+)`);\n const match = document.cookie.match(regex);\n if (match) {\n return match[2];\n }\n}\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"simple","pattern":"https://preprod.join.which.co.uk/join/subscribe/rejoin"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"ap-rollout-rejoin-preprod","name":"AP rollout - rejoin - Preprod","phase":"0","coverage":1},{"key":"ap-rollout-newsletter-preprod","changeId":"1dba5616dde1d64d390c0ac6044b51e59a58a14483210b3a888507e9eb2f40cd","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"// PREPROD\n\ndocument.querySelectorAll(\"body form\").forEach((f) => f.addEventListener('submit', apWorkflow));\n\nfunction apWorkflow(event) {\n event.preventDefault();\n audiencePlatformFlowFlag = false;\n\n var searchParams = new URLSearchParams(window.location.search);\n\n // extract source_code param\n if(!isNullOrUndefined(searchParams.get(\"source_code\"))) {\n source_code = searchParams.get(\"source_code\");\n } else {\n source_code = getCookieValue(\"source_code\");\n }\n\n if(!isNullOrUndefined(source_code)) {\n const apExpDests = {\n \"DIGITALA39579\": \"/checkout-digital?purchase=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year&lmo_offer=/offers2/Digital%20Join%20Annual%2050%20percent%20Discount%201%20Year<m_gaBundleID=DIGITALA39507900<m_product=core<m_firstPaymentAmount=39.50<m_recurringPaymentAmount=79.00\",\n \"FULL495\": \"/checkout-core?purchase=/offers2/Full%20Access%20Join%20Annual%2050%20percent%20Discount%201%20Year&lmo_offer=/offers2/Full%20Access%20Join%20Annual%2050%20percent%20Discount%201%20Year<m_gaBundleID=FULLA49509900<m_product=core<m_firstPaymentAmount=49.50<m_recurringPaymentAmount=99.00\",\n \"PRINT395\": \"/checkout-magazine?purchase=/offers2/Which%20Magazine%20Join%20Annual%2050%20percent%20Discount%201%20year&lmo_offer=/offers2/Which%20Magazine%20Join%20Annual%2050%20percent%20Discount%201%20year<m_gaBundleID=PRINTA39507900<m_product=core<m_firstPaymentAmount=39.50<m_recurringPaymentAmount=79.00\",\n };\n\n const dest = apExpDests[event.target.querySelector(\"input[type=radio]:checked\").dataset.whichBundle];\n\n if (!isNullOrUndefined(dest)) {\n audiencePlatformFlowFlag = true;\n console.log(\"Navigating to: \" + dest);\n window.history.back();\n window.location.href = \"https://preprod-account.internal.which.co.uk\" + dest + \"&utm_source_code=\" + source_code;\n }\n }\n\n // If it is not audience platform flow valid we continue in the legacy way by continue with form submission\n if (!audiencePlatformFlowFlag) {\n event.currentTarget.submit();\n }\n}\n\nfunction isNullOrUndefined(value) {\n return value === undefined || value === null;\n}\n\nfunction getCookieValue(name) {\n const regex = new RegExp(`(^| )${name}=([^;]+)`);\n const match = document.cookie.match(regex);\n if (match) {\n return match[2];\n }\n}\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"simple","pattern":"https://preprod.join.which.co.uk/join/subscribe/newsletter"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"ap-rollout-newsletter-preprod","name":"AP rollout - newsletter - Preprod","phase":"0","coverage":1},{"key":"30-day-pass-post-test-qa-copy","changeId":"6f7b11fec14c9083f2d2ad5a64707f3ff4d574e0d657e3374d153b86ca6b12ea","status":"draft","variations":[{"css":"","js":"","domMutations":[{"selector":".sb-height-100-percent > [data-which-bundle=\"DIGITALM899\"] .sb-component-button","action":"set","attribute":"value","value":"Continue"},{"selector":".sb-height-100-percent > [data-which-bundle=\"FULLM51099\"] .sb-component-button","action":"set","attribute":"value","value":"Continue"},{"selector":".sb-height-100-percent > [data-which-bundle=\"PRINTM899\"] .sb-component-button","action":"set","attribute":"value","value":"Continue"},{"selector":".col-md-6 > [data-which-bundle=\"FULLM51099\"] .sb-component-button","action":"set","attribute":"value","value":"Continue"},{"selector":".col-md-6 > [data-which-bundle=\"DIGITALM899\"] .sb-component-button","action":"set","attribute":"value","value":"Continue"},{"selector":".col-md-6 > [data-which-bundle=\"PRINTM899\"] .sb-component-button","action":"set","attribute":"value","value":"Continue"}]},{"css":"","js":"","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://join.which.co.uk/join/subscribe"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"1c7ae76d-eb7c-43b3-aaf1-c089fd8bb141","name":"PPE 001 [Sitewide] 30 day pass painted door (Post test QA COPY)","phase":"1","condition":{"id":{"$regex":"c8062d25-e40a-43a1-8366-519a05fd0003|90bac1ba-781a-427e-93d9-55cbeadf20a9"}},"coverage":1},{"key":"limio-client-side-demo","changeId":"a647ed388c99630c5a804d22f293e198acf3b8c8f0cddc7f03a11c4515736e04","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".GridItem_start-small-1__\\+\\+Y7F .Typography_sb-text-heading-page-title__z2xTQ","action":"set","attribute":"html","value":"Client side tests work here"}]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/registration"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"ceb25a09-92b5-4d37-b1f8-d1bee43f209b","name":"Limio client side demo - registration","phase":"0","coverage":1},{"key":"EXP-016-Details-Page-Package-info-during-the-checkout-funnel","changeId":"3f65114755b32bd0ad5342a4ab74fdad92e82f669c66d6e551556d2b05f526ee","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":".singleItemCheckoutBasket {\n display: none;\n}\n.basketItemSummary {\n border-bottom: none !important;\n}\n.singleItemOfferFeatures p {\n display: none;\n}\n","js":"function applyTest() {\nconsole.log(\"test\")\n const currentUrl = window.location.href;\n const parsedUrl = new URL(currentUrl);\n const params = new URLSearchParams(parsedUrl.search);\n const lmoOffer = params.get(\"lmo_offer\");\n let createAccountHeader = \"\";\n if (lmoOffer.includes(\"Full\") && lmoOffer.includes(\"Annual\") && lmoOffer.includes(\"Access\")) {\n createAccountHeader = \" Full access annual\";\n }\n if (lmoOffer.includes(\"Full Access\") && lmoOffer.includes(\"Monthly\")) {\n createAccountHeader = \" Full access monthly\";\n }\n if (lmoOffer.includes(\"Digital\") && lmoOffer.includes(\"Annual\")) {\n createAccountHeader = \" Digital annual\";\n }\n if (lmoOffer.includes(\"Digital\") && lmoOffer.includes(\"Monthly\")) {\n createAccountHeader = \" Digital monthly\";\n }\n if (lmoOffer.includes(\"Magazine\") && lmoOffer.includes(\"Annual\")) {\n createAccountHeader = \" Magazine annual\";\n }\n if (lmoOffer.includes(\"Magazine\") && lmoOffer.includes(\"Monthly\")) {\n createAccountHeader = \" Magazine monthly\";\n }\n document.querySelector(\"h1\").innerText = `Join Which? ${createAccountHeader}`;\n\n ///Checkout page\n if (currentUrl.includes(\"checkout\")) {\n const offersFeature = document.querySelector(\".basketContainer\").parentElement;\n const clonedFeature = offersFeature.cloneNode(true);\n const target = document.querySelector(\".CheckoutDescription\");\n target.parentNode.insertBefore(clonedFeature, target);\n document.querySelector(\".singleItemOfferFeatures\").remove();\n\n document.querySelectorAll(\".basketItemHeader\")[1].innerText = \"What you get\";\n document.querySelectorAll(\".basketItemHeader\")[1].style.fontSize = \"25px\";\n }\n}\n\nconst changesInterval = setInterval(applyChanges, 50);\nlet counter = 0;\n\nfunction applyChanges() {\n counter++;\n try {\n if (document.querySelectorAll(\".CheckoutDescription\").length > 0 || document.querySelector(\"h1\").innerText == \"Create an account\") {\n applyTest();\n\n clearInterval(changesInterval);\n }\n } catch (error) {}\n\n if (counter > 60) {\n clearInterval(changesInterval);\n }\n}\n","domMutations":[]},{"css":".singleItemCheckoutBasket {\n display: none;\n }\n .basketItemSummary {\n border-bottom: none !important;\n }\n ","js":"function applyTest() {\n const currentUrl = window.location.href;\n const parsedUrl = new URL(currentUrl);\n const params = new URLSearchParams(parsedUrl.search);\n const lmoOffer = params.get(\"lmo_offer\");\n let createAccountHeader = \"\";\n if (lmoOffer.includes(\"Full\") && lmoOffer.includes(\"Annual\") && lmoOffer.includes(\"Access\")) {\n createAccountHeader = \" full access annual\";\n }\n if (lmoOffer.includes(\"Full Access\") && lmoOffer.includes(\"Monthly\")) {\n createAccountHeader = \" full access monthly\";\n }\n if (lmoOffer.includes(\"Digital\") && lmoOffer.includes(\"Annual\")) {\n createAccountHeader = \" digital annual\";\n }\n if (lmoOffer.includes(\"Digital\") && lmoOffer.includes(\"Monthly\")) {\n createAccountHeader = \" digital monthly\";\n }\n if (lmoOffer.includes(\"Magazine\") && lmoOffer.includes(\"Annual\")) {\n createAccountHeader = \" magazine annual\";\n }\n if (lmoOffer.includes(\"Magazine\") && lmoOffer.includes(\"Monthly\")) {\n createAccountHeader = \" magazine monthly\";\n }\n document.querySelector(\"h1\").innerText = `Join which? ${createAccountHeader}`;\n\n ///Checkout page\n if (currentUrl.includes(\"checkout\")) {\n const offersFeature = document.querySelector(\".basketContainer\").parentElement;\n const clonedFeature = offersFeature.cloneNode(true);\n const target = document.querySelector(\".CheckoutDescription\");\n target.parentNode.insertBefore(clonedFeature, target);\n //document.querySelector(\".singleItemOfferFeatures\").remove();\n document.querySelectorAll(\".basketItemHeader\")[1].innerText = \"What you get\";\n document.querySelectorAll(\".basketItemHeader\")[1].style.fontSize = \"25px\";\n const ulElement = document.querySelector(\".singleItemOfferFeatures ul\");\n const pElement = document.createElement(\"p\");\n pElement.textContent = `The subscription includes access to all product reviews, the Which? app, 11 print and digital editions of Which? magazine a year, and personalised buying advice from Ask Which?. You'll also receive the Weekly Scoop, Money, and Sustainability newsletters, which you can opt out of anytime.`;\n ulElement.parentNode.replaceChild(pElement, ulElement);\n }\n}\n\nconst changesInterval = setInterval(applyChanges, 50);\nlet counter = 0;\n\nfunction applyChanges() {\n counter++;\n try {\n if (document.querySelectorAll(\".CheckoutDescription\").length > 0 || document.querySelector(\"h1\").innerText == \"Create an account\") {\n applyTest();\n\n clearInterval(changesInterval);\n }\n } catch (error) {}\n\n if (counter > 60) {\n clearInterval(changesInterval);\n }\n}\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/account\\.which\\.co\\.uk\\/checkout-(core|magazine|digital)(\\?.*)?$"},{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/registration.*(Full\\+Access|Magazine|Digital|Full%2BAccess|Magazine|Digital)"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"},{"key":"2","name":"Variation 2"}],"filters":[],"seed":"6d80dbad-1dc7-4b31-87dc-782b282234fa","name":"EXP 016 [Details Page] Package info during the checkout funnel","phase":"0","coverage":1},{"key":"limio-client-side-demo-payment","changeId":"fc1c298ea782ee8f43f581a2a3c4e8eebd1b78b3669369a22231c608ba0f3ea4","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".paymentForm-ready #zuora_payment","action":"set","attribute":"position","parentSelector":"div .payment-details","insertBeforeSelector":".paymentForm-ready > .payment-details > .billing-address"},{"selector":".basketContainer .basketItemHeader","action":"set","attribute":"position","parentSelector":"#limio-view-layout ._xaJ3dp_TjImpPS5anTMZMdcbO7I","insertBeforeSelector":"#body .basketContainer"},{"selector":"#body .basketItemHeader","action":"set","attribute":"html","value":"Which? Digital ROB!"}]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://account.which.co.uk/checkout-digital"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"7327f813-4a3e-4d94-85b8-1c6323e7345b","name":"Limio client side demo - payment","phase":"0","coverage":1},{"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":"whc-016-advice-update-cta-messaging-on-spps","changeId":"53886514b4a2349a6944f57c7118761ac37eadbfdbf65635941fa0d8abdd7f52","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"// Find all containers with the specific class\nconst containers = document.querySelectorAll('.CardedDynamicTable_listItem__c0+yq');\n\ncontainers.forEach(container => {\n const link = container.querySelector('a');\n\n if (link) {\n // Apply styles\n link.style.display = 'inline-flex';\n link.style.alignItems = 'center';\n link.style.textDecoration = 'none';\n link.style.padding = '3%';\n\n // Create the SVG padlock\n const svgNS = 'http://www.w3.org/2000/svg';\n const svg = document.createElementNS(svgNS, 'svg');\n svg.setAttribute('xmlns', svgNS);\n svg.setAttribute('width', '12.5');\n svg.setAttribute('height', '15.5');\n svg.setAttribute('viewBox', '0 0 12.5 15.5');\n svg.style.verticalAlign = 'middle';\n svg.style.marginRight = '5px';\n svg.style.fill = 'white';\n\n const g = document.createElementNS(svgNS, 'g');\n g.setAttribute('fill', 'white');\n\n const path1 = document.createElementNS(svgNS, 'path');\n path1.setAttribute('d', 'M10.3276508,4.5 C11.5273946,4.5 12.5,5.49006019 12.5,6.71133504 L12.5,13.288665 C12.5,14.5099398 11.5273946,15.5 10.3276508,15.5 L2.17185652,15.5 C0.972112732,15.5 0,14.5099398 0,13.288665 L0,6.71133504 C0,5.49006019 0.972112732,4.5 2.17185652,4.5 Z M6.25,7.5 C5.2835599,7.5 4.5,8.30469184 4.5,9.297196 C4.5,10.0321581 4.93068536,10.662271 5.54573775,10.9406811 L5.54573775,12.2675828 C5.54573775,12.6722191 5.86491079,13 6.25892099,13 C6.65293118,13 6.97210422,12.6722191 6.97210422,12.2675828 L6.97210422,10.9299926 C7.57724441,10.6475106 8,10.0245234 8,9.297196 C8,8.30469184 7.2164401,7.5 6.25,7.5 Z');\n\n const path2 = document.createElementNS(svgNS, 'path');\n path2.setAttribute('fill-rule', 'nonzero');\n path2.setAttribute('d', 'M6.24965,0 C4.10655004,0 2.37465,1.81173859 2.37465,4.04007051 L2.37465,5.625 L2.37822135,5.69050969 C2.41526223,6.01124177 2.68157948,6.25 2.99965,6.25 C3.34482797,6.25 3.62465,5.97017797 3.62465,5.625 L3.62465,4.04007051 L3.62662543,3.93013535 C3.67993441,2.43496324 4.84131795,1.25 6.24965,1.25 C7.69586886,1.25 8.87465,2.49619206 8.87465,4.04007051 L8.87465,5.625 L8.87822135,5.69050969 C8.91526223,6.01124177 9.18157948,6.25 9.49965,6.25 C9.84482797,6.25 10.12465,5.97017797 10.12465,5.625 L10.12465,4.04007051 L10.1227889,3.91422921 C10.0578597,1.7377087 8.34729785,0 6.24965,0 Z');\n\n g.appendChild(path1);\n g.appendChild(path2);\n svg.appendChild(g);\n\n // Insert SVG before the text\n link.insertBefore(svg, link.firstChild);\n }\n});","domMutations":[]},{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]}],"hashVersion":2,"hashAttribute":"","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/televisions/article/how-to-buy-the-best-tv-awTTN2d6a0u5"}],"weights":[0.25,0.25,0.25,0.25],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Unlock review"},{"key":"2","name":"Unlock reviews"},{"key":"3","name":"Unlock 'category name'"}],"filters":[],"seed":"176c1c8d-a8bf-42b2-891f-d3f19e7d061e","name":"WHC 016 [Advice] Update CTA messaging on SPPs","phase":"0","coverage":1},{"key":"exp-028-offers-page-side-scrolling-on-mobile-offers-page-packages","changeId":"0239ec0a0a541f25d362bc6681d652f6c22f14ba0a31b75ac5160f7c3ed1adf9","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"@media only screen and (max-width: 600px) {\n\n\n.section__offers .article.device {\n display: flex !important;\n flex-wrap: nowrap !important;\n overflow-x: auto !important; \n flex-direction: row !important; \n position: relative !important;\n}\n\n.section__offers .article article.article__item{\n flex-grow: 0 !important;\n flex-shrink: 0 !important;\n flex-basis: auto !important;\n align-self: flex-start !important;\n max-width: 80vw;\n height: 795px;\n margin-right: 20px;\n}\n.section__offers .article.device div.article-cancellation{\n position: absolute !important;\n left: 16px !important;\n bottom: 35px !important;\n transform: translateY(100%) !important; /* push it down by its own height */\n z-index: 1 !important; \n}\n\n.section__offers .article__item-information-body{\n height: 340px\n}\n.section__offers .article .article__item .article__item-information .article__item-information-header {\npadding: 25px 10px 5px 10px;\n}\n\n\n.scroll-wrapper {\n position: relative;\n width: 100%; \n max-width: 800px;\n margin: 20px auto; \n overflow: hidden;\n border: 1px solid #ccc;\n border-radius: 4px;\n background-color: #fff; \n}\n\n.article.device {\n display: flex;\n flex-wrap: nowrap;\n overflow-x: auto; \n scroll-behavior: smooth;\n padding: 10px; \n box-sizing: border-box;\n}\n\n.article.device > article {\n flex: 0 0 auto;\n margin-right: 10px; \n background-color: #fafafa;\n border: 1px solid #999;\n border-radius: 4px;\n box-sizing: border-box;\n padding: 10px;\n}\n\n.scroll-arrow {\n position: absolute; \n top: 50%;\n transform: translateY(-50%);\n width: 80px; \n height: 80px;\n border: none;\n background-color: rgba(0, 0, 0, 0.5);\n color: white;\n font-size: 20px; \n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s, opacity 0.2s;\n z-index: 10; \n}\n\n.scroll-arrow:hover {\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n.scroll-arrow[disabled] {\n opacity: 0.3;\n pointer-events: none;\n}\n\n.left-arrow {\n left: -50px; /* half of 40px (the button’s width), so only right half shows */\n}\n\n.right-arrow {\n right: -50px; \n}\n\n.arrow-icon {\n display: inline‐block;\n position: relative;\n font-size: 18px;\n}\n\n.scroll-arrow.left-arrow .arrow-icon {\n left:20px\n}\n\n.scroll-arrow.right-arrow .arrow-icon {\n right:20px\n}\n\n}\n\n","js":"if (window.innerWidth <= 600) { \n\nconst sectionOffers = document.querySelector('.section__offers');\n if (!sectionOffers);\n\n const scrollContainer = sectionOffers.querySelector('.article.device');\n if (!scrollContainer);\n\n const scrollWrapper = document.createElement('div');\n scrollWrapper.classList.add('scroll-wrapper');\n\n sectionOffers.appendChild(scrollWrapper);\n scrollWrapper.appendChild(scrollContainer);\n\n const leftArrow = document.createElement('button');\n leftArrow.classList.add('scroll-arrow', 'left-arrow');\n leftArrow.setAttribute('aria-label', 'Scroll left');\n\n const leftSpan = document.createElement('span');\n leftSpan.classList.add('arrow-icon');\n leftSpan.textContent = '<';\n leftArrow.appendChild(leftSpan);\n\n scrollWrapper.appendChild(leftArrow);\n\n const rightArrow = document.createElement('button');\n rightArrow.classList.add('scroll-arrow', 'right-arrow');\n rightArrow.setAttribute('aria-label', 'Scroll right');\n\n const rightSpan = document.createElement('span');\n rightSpan.classList.add('arrow-icon');\n rightSpan.textContent = '>';\n rightArrow.appendChild(rightSpan);\n\n scrollWrapper.appendChild(rightArrow);\n\n function getCenteredArticleIndex() {\n const containerRect = scrollContainer.getBoundingClientRect();\n const containerCenterX = containerRect.left + containerRect.width / 2;\n\n const articles = Array.from(scrollContainer.querySelectorAll('article'));\n let closestIndex = 0;\n let smallestDistance = Infinity;\n\n articles.forEach((article, idx) => {\n const artRect = article.getBoundingClientRect();\n const artCenterX = artRect.left + artRect.width / 2;\n const distance = Math.abs(artCenterX - containerCenterX);\n if (distance < smallestDistance) {\n smallestDistance = distance;\n closestIndex = idx;\n }\n });\n\n return closestIndex;\n }\n\n function scrollArticleIntoCenter(articleElement) {\n const containerWidth = scrollContainer.clientWidth;\n const artOffsetLeft = articleElement.offsetLeft;\n const artWidth = articleElement.offsetWidth;\n\n const targetScrollLeft =\n artOffsetLeft + artWidth / 2 - containerWidth / 2;\n\n scrollContainer.scrollTo({\n left: targetScrollLeft,\n behavior: 'smooth'\n });\n }\n\n leftArrow.addEventListener('click', () => {\n const articles = Array.from(scrollContainer.querySelectorAll('article'));\n if (articles.length === 0) return;\n\n const idx = getCenteredArticleIndex();\n const prevIdx = Math.max(idx - 1, 0);\n scrollArticleIntoCenter(articles[prevIdx]);\n });\n\n rightArrow.addEventListener('click', () => {\n const articles = Array.from(scrollContainer.querySelectorAll('article'));\n if (articles.length === 0) return;\n\n const idx = getCenteredArticleIndex();\n const nextIdx = Math.min(idx + 1, articles.length - 1);\n scrollArticleIntoCenter(articles[nextIdx]);\n });\n\n function updateArrowState() {\n const articles = Array.from(scrollContainer.querySelectorAll('article'));\n if (articles.length === 0) {\n leftArrow.setAttribute('disabled', '');\n rightArrow.setAttribute('disabled', '');\n return;\n }\n\n const centeredIdx = getCenteredArticleIndex();\n if (centeredIdx === 0) {\n leftArrow.setAttribute('disabled', '');\n } else {\n leftArrow.removeAttribute('disabled');\n }\n\n if (centeredIdx === articles.length - 1) {\n rightArrow.setAttribute('disabled', '');\n } else {\n rightArrow.removeAttribute('disabled');\n }\n }\n\n scrollContainer.addEventListener('scroll', updateArrowState);\n updateArrowState();\n}","domMutations":[]}],"hashVersion":2,"hashAttribute":"","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://dev.internal.which.co.uk/static/signup/offers-landing-page/offers-landing-page.html"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"5d7006f5-09cf-4e4c-8c19-e8672cb4ecfa","name":"EXP 028 [Offers Page] Side scrolling on mobile - offers page packages","phase":"0","coverage":1},{"key":"exp-028-offers-page-side-scrolling-mobile-offers-page-packages-qa-static-page","changeId":"fbc759857d1d59bcf160609f6ff2ec25125ffc6ca725446e422a86f63a94a524","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"@media only screen and (max-width: 600px) {\n\n\n.section__offers .article.device {\n display: flex !important;\n flex-wrap: nowrap !important;\n overflow-x: auto !important; \n flex-direction: row !important; \n position: relative !important;\n}\n\n.section__offers .article article.article__item{\n flex-grow: 0 !important;\n flex-shrink: 0 !important;\n flex-basis: auto !important;\n align-self: flex-start !important;\n max-width: 80vw;\n height: 795px;\n margin-right: 20px;\n}\n.section__offers .article.device div.article-cancellation{\n position: absolute !important;\n left: 16px !important;\n bottom: 35px !important;\n transform: translateY(100%) !important; /* push it down by its own height */\n z-index: 1 !important; \n}\n\n.section__offers .article__item-information-body{\n height: 340px\n}\n.section__offers .article .article__item .article__item-information .article__item-information-header {\npadding: 25px 10px 5px 10px;\n}\n\n\n.scroll-wrapper {\n position: relative;\n width: 100%; \n max-width: 800px;\n margin: 20px auto; \n overflow: hidden;\n border: 1px solid #ccc;\n border-radius: 4px;\n background-color: #fff; \n}\n\n.article.device {\n display: flex;\n flex-wrap: nowrap;\n overflow-x: auto; \n scroll-behavior: smooth;\n padding: 10px; \n box-sizing: border-box;\n}\n\n.article.device > article {\n flex: 0 0 auto;\n margin-right: 10px; \n background-color: #fafafa;\n border: 1px solid #999;\n border-radius: 4px;\n box-sizing: border-box;\n padding: 10px;\n}\n\n.scroll-arrow {\n position: absolute; \n top: 50%;\n transform: translateY(-50%);\n width: 80px; \n height: 80px;\n border: none;\n background-color: rgba(0, 0, 0, 0.5);\n color: white;\n font-size: 20px; \n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s, opacity 0.2s;\n z-index: 10; \n}\n\n.scroll-arrow:hover {\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n.scroll-arrow[disabled] {\n opacity: 0.3;\n pointer-events: none;\n}\n\n.left-arrow {\n left: -50px; /* half of 40px (the button’s width), so only right half shows */\n}\n\n.right-arrow {\n right: -50px; \n}\n\n.arrow-icon {\n display: inline‐block;\n position: relative;\n font-size: 18px;\n}\n\n.scroll-arrow.left-arrow .arrow-icon {\n left:20px\n}\n\n.scroll-arrow.right-arrow .arrow-icon {\n right:20px\n}\n\n}\n\n","js":"if (window.innerWidth <= 600) { \n\nconst sectionOffers = document.querySelector('.section__offers');\n if (!sectionOffers);\n\n const scrollContainer = sectionOffers.querySelector('.article.device');\n if (!scrollContainer);\n\n const scrollWrapper = document.createElement('div');\n scrollWrapper.classList.add('scroll-wrapper');\n\n sectionOffers.appendChild(scrollWrapper);\n scrollWrapper.appendChild(scrollContainer);\n\n const leftArrow = document.createElement('button');\n leftArrow.classList.add('scroll-arrow', 'left-arrow');\n leftArrow.setAttribute('aria-label', 'Scroll left');\n\n const leftSpan = document.createElement('span');\n leftSpan.classList.add('arrow-icon');\n leftSpan.textContent = '<';\n leftArrow.appendChild(leftSpan);\n\n scrollWrapper.appendChild(leftArrow);\n\n const rightArrow = document.createElement('button');\n rightArrow.classList.add('scroll-arrow', 'right-arrow');\n rightArrow.setAttribute('aria-label', 'Scroll right');\n\n const rightSpan = document.createElement('span');\n rightSpan.classList.add('arrow-icon');\n rightSpan.textContent = '>';\n rightArrow.appendChild(rightSpan);\n\n scrollWrapper.appendChild(rightArrow);\n\n function getCenteredArticleIndex() {\n const containerRect = scrollContainer.getBoundingClientRect();\n const containerCenterX = containerRect.left + containerRect.width / 2;\n\n const articles = Array.from(scrollContainer.querySelectorAll('article'));\n let closestIndex = 0;\n let smallestDistance = Infinity;\n\n articles.forEach((article, idx) => {\n const artRect = article.getBoundingClientRect();\n const artCenterX = artRect.left + artRect.width / 2;\n const distance = Math.abs(artCenterX - containerCenterX);\n if (distance < smallestDistance) {\n smallestDistance = distance;\n closestIndex = idx;\n }\n });\n\n return closestIndex;\n }\n\n function scrollArticleIntoCenter(articleElement) {\n const containerWidth = scrollContainer.clientWidth;\n const artOffsetLeft = articleElement.offsetLeft;\n const artWidth = articleElement.offsetWidth;\n\n const targetScrollLeft =\n artOffsetLeft + artWidth / 2 - containerWidth / 2;\n\n scrollContainer.scrollTo({\n left: targetScrollLeft,\n behavior: 'smooth'\n });\n }\n\n leftArrow.addEventListener('click', () => {\n const articles = Array.from(scrollContainer.querySelectorAll('article'));\n if (articles.length === 0) return;\n\n const idx = getCenteredArticleIndex();\n const prevIdx = Math.max(idx - 1, 0);\n scrollArticleIntoCenter(articles[prevIdx]);\n });\n\n rightArrow.addEventListener('click', () => {\n const articles = Array.from(scrollContainer.querySelectorAll('article'));\n if (articles.length === 0) return;\n\n const idx = getCenteredArticleIndex();\n const nextIdx = Math.min(idx + 1, articles.length - 1);\n scrollArticleIntoCenter(articles[nextIdx]);\n });\n\n function updateArrowState() {\n const articles = Array.from(scrollContainer.querySelectorAll('article'));\n if (articles.length === 0) {\n leftArrow.setAttribute('disabled', '');\n rightArrow.setAttribute('disabled', '');\n return;\n }\n\n const centeredIdx = getCenteredArticleIndex();\n if (centeredIdx === 0) {\n leftArrow.setAttribute('disabled', '');\n } else {\n leftArrow.removeAttribute('disabled');\n }\n\n if (centeredIdx === articles.length - 1) {\n rightArrow.setAttribute('disabled', '');\n } else {\n rightArrow.removeAttribute('disabled');\n }\n }\n\n scrollContainer.addEventListener('scroll', updateArrowState);\n updateArrowState();\n}","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://dev.internal.which.co.uk/static/signup/offers-landing-page/offers-landing-page.html"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"5d7006f5-09cf-4e4c-8c19-e8672cb4ecfa","name":"EXP 028 [Offers Page] Side scrolling on mobile - offers page packages [QA static page]","phase":"0","coverage":1},{"key":"dummy-test-static-offers-page","changeId":"b271a84d96875076071d352e40f1310897c2210c943fd9ff9b815413e212726a","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".hero h2","action":"set","attribute":"html","value":"Everything is free, please help yourselves."}]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://dev.internal.which.co.uk/static/signup/offers-landing-page/offers-landing-page.html"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"filters":[],"seed":"5e4a4fe6-14eb-4de8-902d-bad82b6ecf00","name":"Dummy test - static offers page","phase":"0","coverage":1}]

Ross Barnard

2020

How secure is my password? Which? Computing editor explains the dos and don'ts