Aktif ürün listenmiyor.

Merhaba arkadaşlar.
PHP sayfalarımı hazırladım ama ana sayfada gösterilen 3 kategorim var.
Hangi ürün hangi kategoriye kayıtlı ise başlığa tıklayınca çıkıyor.
Fakat ana sayfada aktif olarak "TÜMÜ" kısmı geliyor.
"active" kısmını yerli-komur yapınca yine tüm ürünler listeleniyor.
Benim amacım yerli kömürler içerisinde yer alan 4 adet ürünümün default olarak yüklü gelmesi.
Tümünü gösterince sayfa doluyor ve çirkin doluyor.

 <ul id="portfolioLoadMoreFilter" class="nav nav-pills sort-source sort-source-style-3 justify-content-center" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}">
<li class="nav-item active" data-option-value="*"><a class="nav-link text-2-5 text-uppercase active" href="urunler">TÜMÜ</a></li>
<li class="nav-item" data-option-value=".yerli-komur"><a class="nav-link text-2-5 text-uppercase" href=".yerli-komur">YERLİ KÖMÜR</a></li>
<li class="nav-item" data-option-value=".ithal-komur"><a class="nav-link text-2-5 text-uppercase" href=".ithal-komur">İTHAL KÖMÜR</a></li>
 <li class="nav-item" data-option-value=".torba-komur"><a class="nav-link text-2-5 text-uppercase" href=".torba-komur">TORBA KÖMÜR</a></li>                        
</ul>

<ul id="portfolioLoadMoreFilter" class="nav nav-pills sort-source sort-source-style-3 justify-content-center" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}">
<li class="nav-item active" data-option-value="*"><a class="nav-link text-2-5 text-uppercase" href="urunler">TÜMÜ</a></li>
<li class="nav-item" data-option-value=".yerli-komur"><a class="nav-link text-2-5 text-uppercase active" href=".yerli-komur">YERLİ KÖMÜR</a></li>
<li class="nav-item" data-option-value=".ithal-komur"><a class="nav-link text-2-5 text-uppercase" href=".ithal-komur">İTHAL KÖMÜR</a></li>
 <li class="nav-item" data-option-value=".torba-komur"><a class="nav-link text-2-5 text-uppercase" href=".torba-komur">TORBA KÖMÜR</a></li>                        
</ul>

Bu şekilde değiştirip denermisiniz

<ul id="portfolioLoadMoreFilter" class="nav nav-pills sort-source sort-source-style-3 justify-content-center" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}">
<li class="nav-item" data-option-value="*"><a class="nav-link text-2-5 text-uppercase" href="urunler">TÜMÜ</a></li>
<li class="nav-item active" data-option-value=".yerli-komur"><a class="nav-link text-2-5 text-uppercase active" href=".yerli-komur">YERLİ KÖMÜR</a></li>
<li class="nav-item" data-option-value=".ithal-komur"><a class="nav-link text-2-5 text-uppercase" href=".ithal-komur">İTHAL KÖMÜR</a></li>
 <li class="nav-item" data-option-value=".torba-komur"><a class="nav-link text-2-5 text-uppercase" href=".torba-komur">TORBA KÖMÜR</a></li>                        
</ul>

bu şekilde denediniz mi hocam

Olmuyor. Yukarıda yazmıştım hocam "active" kısmını TÜMÜ'nden alıp YERLİ KÖMÜR kısmına aktarınca da tüm ürünler listeleniyor, yerli değil.

data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}" => filter kısmındaki * işaretini yerli-komur yapıp dener misiniz

Hocam "*" dediğiniz gibi yapınca oldu teşekkür ederim.

ne demek hocam