{
      const queryString = new URLSearchParams(new FormData($refs.filter_form)).toString()
      loading = true;
      fetch('/collections/herramientas-y-utilidades?' + queryString)
        .then(response => response.text())
        .then(data => {
          let html_div = document.createElement('div');
          html_div.innerHTML = data;
          let html_dom = html_div.querySelector('#ProductGridContainer').innerHTML;
          document.querySelector('#ProductGridContainer').innerHTML = html_dom;
          // update url without refreshing the page
          history.replaceState(null, null, '?' + queryString);
        })
        .catch(error => console.error('Error:', error))
        .finally(() => loading = false);
    })
  "
>
  
  
            - Características
 - Más vendidos
 - Alfabéticamente, A-Z
 - Alfabéticamente, Z-A
 - Precio, menor a mayor
 - Precio, mayor a menor
 - Fecha: antiguo(a) a reciente
 - Fecha: reciente a antiguo(a)
 
          
            
          
        Cortador De Yeso - Dg
                Precio habitual
                
        
    $140.000,00
          
            
          
        Extractor De Aceite Dg
                Precio habitual
                
        
    $111.000,00
          
            
          
        Herramienta 18 En 1
                Precio habitual
                
        
    $124.000,00
          
        Juego de Destornilladores Eléctricos
                Precio habitual