Skip to content

Usage overview ​

Utilizing Statamic Livewire Filters is straightforward. Here's a simple step-by-step guide:

  1. Replace Collection Tags: Substitute your {{ collection }} tag pairs with the {{ livewire-collection }} tag.
  2. Move Your Entry Template: Transfer your entry template (the content between the collection tags) to resources/views/vendor/statamic-livewire-filters/livewire-collection.antlers.html.
  3. Add Required Filters: Incorporate all the necessary filters at any desired location on your website.
  4. Ready to Go: Your setup is now complete and ready for use!
  5. Add more features: If you wish you can add sorting, filter tags or custom URL query string.

For practical examples and a more comprehensive understanding, you can check out the Examples website or read the complete documentation, starting with the livewire-collection tag.