esta é a parte do html


<ul id="listaproduto" name="listaproduto">

<!--[produtos]-->
<li class="product">
<div id="divproduto" name="divproduto" class="row" data-produto="{$produto_uid}" data-grupo="{$grupo_uuid}">
<div class="col-lg-7 col-md-6 col-7 align-self-center">
<div class="row">
<div id="{$produto_uid}_nome" data-grupo="{$grupo_uuid}" class="col-12">{$sequencia} - {$descricao}</div>
<div class="col-12" style="font-size: 15px; color: #545454; word-break: break-word;">
{$prf_descricao_completa}


e essa do JS

$(function listarproduto(){

function listFilter() {
let input = document.getElementById('listaproduto')
input=input.toLowerCase;
let x = document.getElementsByClassName('product');

for (i = 0; i < divproduto.length; i++) {
if (divproduto[i].innerHTML.toLowerCase().includes(input)) {
divproduto[i].style.display="none";
}
else {
divproduto[i].style.display="list-item";
}

}
}