Hello, that's added in the advanced > custom code setting popup on a page working good on 7.0 , but when i switched over to 7.1 it stopped working, can you tell me what's wrong thanks.
Here is the code:
<style>
/* Hide blocks outside of edit mode */
body:not(.sqs-edit-mode) .sqs-layout .sqs-block {
pointer-events: none;
opacity: 0;
visibility: hidden;
}
/* Show specific blocks when condition is met */
body:not(.sqs-edit-mode) .removex {
pointer-events: auto !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Lock and fade out certain elements */
body:not(.sqs-edit-mode) .subslock {
opacity: 0 !important;
pointer-events: none;
}
body:not(.sqs-edit-mode) .fadeload {
opacity: 1 !important;
}
body:not(.sqs-edit-mode) .sqs-layout {
opacity: 0;
transition: opacity 1ms ease-in-out;
}
/* Responsive font size for header */
@media screen and (max-width: 768px) {
.subsmessage h1 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 769px) {
.subsmessage h1 {
font-size: 2rem;
}
}
/* Button styling */
.subs-button {
border: none;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.subs-button.join-now {
background-color: hsl(19, 87%, 53%);
color: white;
}
.subs-button.member-login {
background-color: white;
color: black;
border: 1px solid black;
}
/* Responsive button adjustments */
@media screen and (max-width: 768px) {
.subs-button {
font-size: 12px;
padding: 10px 20px;
}
}
</style>
<iframe style="visibility:hidden;pointer-events:none;z-index:-9999;opacity:0;position:absolute;top:0;left:0;width:100%;height: 200px;" class="subscription-checkx" src="/account/frame/subscriptions"></iframe>
<div class="subsnotice subslock" style="position:fixed;z-index:9;top:55%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);width: 400px;height: 200px;transition: all ease-in-out 200ms;">
<div class="subsmessage" style="left:0;margin-top: 36px;width:100%;display:block;text-align:center;">
<h1>Members Access Only</h1>
<button class="subs-button member-login" onclick="location.href='https://www.texashuntingleaselistings.com/account/login';">Member Login</button>
<button class="subs-button join-now" onclick="location.href='https://www.texashuntingleaselistings.com/subscriptions/texas-hunting-lease-listing-monthly-subscription';">Join Now</button>
</div>
</div>
<style>.xs-hide{display:none Important;visbility: hidden;}</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
setTimeout(function(){
$(".sqs-layout").addClass("fadeload");
},2000);
});
</script>
<script type="text/javascript">
$(window).load(function(){
setInterval(function(){
/* SUBSCRIPTION PRODUCT NAME */
var name = "Texas Hunting Lease Listings - Monthly Subscription";
/* YOUR SERIAL KEY */
var serial_key = "jd0PasDner9f0Gm0v0dZ";
/* DON'T CHANGE */
var subs = "Subscriptions";
/* DON'T CHANGE */
var next = "Next Order";
if (($(".subscription-checkx").contents().text().search(next) > -1)){
/* ACCESS GREANTED **/
$(".sqs-layout .sqs-block").addClass('removex');
$(".subsnotice").addClass('subslock');
}else{
$(".sqs-layout .sqs-block").removeClass('removex');
$(".subsnotice").removeClass('subslock');
$("body").find(serial_key);
}
},2000);
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(this).bind("contextmenu", function (e)
{}
);
});
</script>
<script type="text/javascript">
console.log("Script initialized and observer is about to start.");
// This function is used to update the contact button
function updateContactButton(node) {
var contactInfo = node.getAttribute("href").trim();
var phoneNumberPattern = /^\+?(\d.*){3,}$/;
var urlPattern = /^(http|https):\/\/[^ "]+$/;
if (contactInfo.includes("@")) {
node.setAttribute("href", "mailto:" + contactInfo);
node.textContent = "Send Email";
console.log("Contact info set as email:", contactInfo);
} else if (phoneNumberPattern.test(contactInfo)) {
node.setAttribute("href", "tel:" + contactInfo.replace(/[^0-9+]/g, ""));
node.textContent = "Call Now";
console.log("Contact info set as phone number:", contactInfo);
} else if (urlPattern.test(contactInfo)) {
node.setAttribute("href", contactInfo);
node.textContent = "Visit Page";
console.log("Contact info set as URL:", contactInfo);
} else {
console.log(
"The contact information format is unrecognized:",
contactInfo
);
node.textContent = "Contact Not Available";
node.removeAttribute("href");
node.style.pointerEvents = "none";
node.style.opacity = "0.5";
}
}
// MutationObserver to watch for when the .sv-product__cta-btn element is added or removed
var observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
mutation.addedNodes.forEach(function (node) {
// Check if the added node is the element we want (or contains the element we want)
if (node.nodeType === 1 && node.matches(".sv-product__cta-btn")) {
console.log(".sv-product__cta-btn element added to DOM.");
updateContactButton(node);
} else if (
node.nodeType === 1 &&
node.querySelector(".sv-product__cta-btn")
) {
console.log(".sv-product__cta-btn element found within added nodes.");
updateContactButton(node.querySelector(".sv-product__cta-btn"));
}
});
});
});
// Options for the observer (which mutations to observe)
var config = { attributes: false, childList: true, subtree: true };
// Start observing the document
observer.observe(document.body, config);
console.log(
"Observer has started and is watching for .sv-product__cta-btn elements."
);
</script>
