In this tutorial, I’ll show you two ways to disable links when using the JetEngine listing grid. Whether you want to prevent users from clicking on specific items or remove links entirely, these methods will give you full control over your listing grid. I’ll walk you through each approach step by step, so you can choose the best option for your needs.
Get Elementor Pro
Get JetEngine
Timestamps:
- 0:00 Introduction / Demo
- 0:33 Option 1: Dynamic Visibility
- 8:19 Option 2: Custom JavaScript
JavaScript Code
<script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelectorAll("a[data-disable-link='true']").forEach(function(linkElement) {
linkElement.removeAttribute("href"); // Remove the link if data-disable-link="true"
});
});
</script>
