جستجو

صفحات قالب از یک سیستم جستجوی کاملا کاربردی استفاده میکنند. اگر این را با PHP ادغام کنید و آن را با داده های خود سازگار کنید، یک سیستم جستجوی زنده و کاملا کاربردی خواهید داشت که میتواند به بک اند متصل شود. البته، در حد استفاده معمولی، در صورت نیازهای قوی تر، به یک راه حل سفارشی AJAX نیاز خواهید داشت. اما بیایید به آن بپردازیم.

چگونه کار میکند؟

نمونه صفحه جستجو، از یک فیلد برای تایپ عبارت جستجوی شما و یک لیست نتیجه استفاده میکند که در صورت مطابقت کلمه به طور خودکار ظاهر میشود. لطفاً از ساختار فیلدها و کادر نتایج جستجو دقیقاً همانطور که در نمونه نشان داده شده است استفاده کنید. شما میتوانید از کلاس های کمکی برای تغییر ظاهر آن استفاده کنید، و میتوانید عناصر "found" را با هر طرحی که میخواهید جایگزین کنید تا زمانی که آنها را در div به دنبال کد زیر قرار دهید.

html

<div
  data-filter-item
  data-filter-name="all products eazy mobile"
  class="search-result-list">
  <!-- your search result -->
</div>

کد نشان داده شده در بالا یک نتیجه جستجو است. در داخل این کد، شما میتوانید هر المانی را که میخواهید اضافه کنید و اگر کاربر هر یک از کلمات درج شده در data-filter-name="your keywords here" را جستجو کند، پیدا خواهد شد.