Utilizing Statamic Livewire Filters is straightforward. Here's a simple step-by-step guide:
Replace Collection Tags: Substitute your {{ collection }}
tag pairs with the {{ livewire-collection }}
tag.
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
.
Add Required Filters: Incorporate all the necessary filters at any desired location on your website.
Ready to Go: Your setup is now complete and ready for use!
For practical examples and a more comprehensive understanding, you can check out the Examples section or read the complete documentation, starting with the livewire-collection
tag.