Our Clients

CSS Code (only visible on the theme builder) .filters-button-group { display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 50px; }

(function() { console.log('Filter script initiated'); function initFilters() { if (typeof jQuery === 'undefined' || typeof jQuery.fn.isotope === 'undefined') { console.log('Waiting for jQuery/Isotope...'); setTimeout(initFilters, 200); return; } var $ = jQuery; $(document).ready(function() { console.log('Filter script running'); let filterContainer = document.getElementById('filter'); if (!filterContainer) return; let buttonWrapper = filterContainer.querySelector('.et_pb_button_wrapper'); if (!buttonWrapper) { buttonWrapper = document.createElement('div'); buttonWrapper.className = 'et_pb_button_wrapper'; filterContainer.appendChild(buttonWrapper); } $(buttonWrapper).addClass('button-group filters-button-group').css({'display':'block','visibility':'visible','min-height':'50px','margin-bottom':'20px'}); var $grid = $('.damfi__section .masonry-grid').isotope({ itemSelector: '.damfi__section .filtered__item', filter: '*', masonry: { gutter: 20 } }); let arrCat = ['All']; $('.damfi__section .filtered__item').each(function() { let classes = $(this).attr('class').split(' '); let catName = classes[classes.indexOf('filtered__item') + 1]; if (catName && arrCat.indexOf(catName) === -1) arrCat.push(catName); $(this).attr('data-category', catName); }); $(buttonWrapper).empty(); arrCat.forEach(cat => { let label = cat.replace(/_/g, ' '); let filter = cat === 'All' ? '*' : '.' + cat; let btn = $("" + label + ""); $(buttonWrapper).append(btn); }); $('.filters-button-group').on('click', 'a', function() { var filterValue = $(this).attr('data-filter'); $grid.isotope({ filter: filterValue }); $('.filter-item').removeClass('is-checked'); $(this).addClass('is-checked'); }); $('.filter-item').first().addClass('is-checked'); }); } initFilters(); })();