((window, $, document) => { //There is Elementor custom cod script to get the query parameter from the URL // created menu just for virtual try on items $(document).ready(function() { // $("#xCloseBtnMrk").trigger('click'); // Get the query parameter from the URL var queryParams = new URLSearchParams(window.location.search); var glasses_filter = queryParams.get('glasses_filter'); if (glasses_filter) { // Find all elements with class .jet-radio-list__row.jet-filter-row var radioRows = $('.jet-radio-list__row.jet-filter-row'); // Loop through each radio row to find a matching input value radioRows.each(function() { var input = $(this).find('input'); var inputVal = input.val(); // Check if the input value matches the testParam if (inputVal === glasses_filter) { // Add a 300ms delay and then click the corresponding label setTimeout(function() { input.click(); }, 300); return false; // Exit the loop once a match is found } }); } }); //count change START function updateFilterCounter() { // console.log("updateFilterCounter"); const itemElements = document.querySelectorAll('.jet-listing-grid__item'); const count = itemElements.length; const filterCounter = document.getElementById('filterCounterMrk'); if (filterCounter) { const titleElement = filterCounter.querySelector('.elementor-heading-title'); if (count === 0) { filterCounter.textContent = 'No Frames'; } else { filterCounter.textContent = count === 1 ? `${count} Frame` : `${count} Frames`; } } } $(document).ready(function() { updateFilterCounter(); }); $(document).ajaxSuccess(function(event, xhr, settings) { updateFilterCounter(); /*need to fix this, cannot find jetEngine event, mutationObserver is pain in ... */ setTimeout(function() { updateFilterCounter(); }, 100); setTimeout(function() { updateFilterCounter(); }, 500); setTimeout(function() { updateFilterCounter(); }, 1000); setTimeout(function() { updateFilterCounter(); }, 2000); setTimeout(function() { updateFilterCounter(); }, 3000); }); //count change END //click events START $('#radioListMrk input').click(function() { console.log($('#filterProductsMrk2')) if($(this).val()){ $('#filterProductsMrk2').css("display","flex") $('#allProductsMrk').hide() }else{ $('#filterProductsMrk2').hide() $('#allProductsMrk').css("display","flex") $('#filterOptionsMrk').hide() } }) $('#filterOpenCloseBtnMrk').click(function(e) { e.preventDefault() e.stopPropagation() if($('#allProductsMrk').is(":visible") || $('input[type=radio]:checked', '#radioListMrk form').val()){ $('#filterOptionsMrk1').css("display","flex") $('#filterProductsMrk2').css("display","flex") $('#allProductsMrk').hide() $('#radioListMrk input').prop('checked', false) $('#filterRestartMrk button').trigger('click'); }else if($('input[type=radio]:checked', '#radioListMrk form').val() && $('#filterProductsMrk1').is(":visible")) { $('#filterOptionsMrk1').hide() $('#filterProductsMrk2').hide() $('#allProductsMrk').css("display","flex") $('#filterRestartMrk button').trigger('click'); } else { $('#filterOptionsMrk1').hide() $('#filterProductsMrk2').hide() $('#allProductsMrk').css("display","flex") $('#filterRestartMrk button').trigger('click'); } }) $('#xCloseBtnMrk').click(function(e) { e.preventDefault() e.stopPropagation() $('#filterOptionsMrk1').hide() $('#filterProductsMrk2').hide() $('#allProductsMrk').css("display","flex") $('#filterRestartMrk button').trigger('click'); }) //click events END })(window, jQuery, document)