bu konuya
bakabilirsin. orda @abdullahx 'ın yanıtındaki codepen linki işine yarar.

verot class'ın hangi sürümünü kullanıyorsun? sitesinden güncelini indirip dene.

sanırım sana tablo üstü selectbox lazım. ordan seçilen kategoriye göre order by $secilen Asc|desc
yaptırman lazım. Bu yönde araştırma yaparsan istediğine ulaşırsın.

senin için bunu buldum. Bak bakalım işine yarar mı?

aklıma şöyle bir mantık geliyor

$popularusers[] = en çok yorum alan 10 kullanıcıyı çek, kullanıcı adlarını diziye aktar.

$maksyorumlist = sonra yorum sayılarına göre tüm kullanıcıları sırala.
css ni yaz.

$maksyorumlist e bak, $popularusers ile eşleşenlere özel css yi class olarak kullan de.

aklıma gelen mantık bu ama koda dökecek kadar bilgim yok henüz. Fikir verir umarım.

ileri butonunu, eğer alanlar boş değilse aktif et.

if(!$('input').val()){
$('#button').hide(); } 
else {
$('#button').show(); }

bu tarz bişi buldum sen uygun şekilde yazabilirsin, fikir olur umarım.

verilerini çektiğin sorguna where ekle şartını belirt.

SELECT * FROM urunler
WHERE aktif=1;

tabloları birleştirmeden verileri çekeceksen
$search=$_GET["search"] değişkenini iki ayrı tablo için iki ayrı sorguda kullan

$hizmetler=db->verigetir(... LIKE '%".$search."%'  ...)

$urunler=db->verigetir(... LIKE '%".$search."%' ....)

echo $hizmetler["service_title"];
echo $urunler["product_title"];

değişkenin başına @ işareti koyarsan hatayı gizlemez mi?