filteration
This is about a filteration part in website.
I got a section where all products are displayed.
& on sidebar i got this menu where people can choose category so then it filters & display selected category products.
Codes for it are:
<ul class="grid-filters">
<li class="active"><a href="#" data-filter="*">all</a></li>
<li><a href="#" data-filter=". Drawing">Drawing</a></li>
<li><a href="#" data-filter=". Painting">Painting</a></li>
<li><a href="#" data-filter=". Sculptures">Sculptures</a></li>
<li><a href="#" data-filter=". Photography">Photography</a></li>
<li><a href="#" data-filter=". Graphics">Graphic Prints</a></li>
<li><a href="#" data-filter=". Mural">Mural</a></li>
<li><a href="#" data-filter=". Others">Others</a></li>
</ul>
Now this works completely fine.
And at product div its just a class name added as selected from above codes.
Now if i wanna use same on search text field & in search text field i type category name & then it appears on side any initials marks.
Example if person wants check of category named "example" in search bar as he starts type "exam" or so then it must display all "exam" products ie. "Example" category products