popup code
footer line 48 in theme editor <script> document.addEventListener("DOMContentLoaded", function () { var popup = document.getElementById("regionPopup"); var regionButton = document.getElementById("regionButton"); // Check if user has already selected a region (to avoid showing popup every time) if
footer line 48 in theme editor
<script>
document.addEventListener("DOMContentLoaded", function () {
var popup = document.getElementById("regionPopup");
var regionButton = document.getElementById("regionButton");
// Check if user has already selected a region (to avoid showing popup every time)
if (!localStorage.getItem("selectedRegion")) {
popup.style.display = "flex";
}
regionButton.addEventListener("click", function () {
var selectedRegion = document.getElementById("regionSelect").value;
if (selectedRegion) {
localStorage.setItem("selectedRegion", selectedRegion); // Store choice
window.location.href = selectedRegion;
} else {
alert("Please select a region.");
}
});
});
</script>
#regionPopup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('<?php echo get_template_directory_uri(); ?>/images/background.jpg') no-repeat center center/cover;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-content {
background: rgba(255, 255, 255, 0.9);
padding: 20px;
text-align: center;
border-radius: 10px;
}
.popup-content select,
.popup-content button {
margin-top: 10px;
padding: 10px;
}
What's Your Reaction?
Like
0
Dislike
0
Love
0
Funny
0
Angry
0
Sad
0
Wow
0
