Skip to main content Accessibility Feedback

Demo: Hiding the Filters

Fetch automatically generates filters to help visitors sort through your adoptable animals. You can hide certain ones, or hide them altogether using the showFilters setting.

Loading...

What to put on your site

<link rel="stylesheet" type="text/css" href="/css/fetch2.css">
<script src="/css/fetch2.js"></script>

<div data-fetch>
    <p>Loading...</p>
</div>

<script>
    new Fetch('[data-fetch]', {
        key: 'YOUR API KEY',
        secret: 'YOUR API SECRET',
        shelter: 'YOUR SHELTER ID'
    }, {
        showFilters: false
    });
</script>

If you’re using WordPress

[fetch2 key="YOUR API KEY" secret="YOUR API SECRET" shelter="YOUR SHELTER ID" showfilters="false"]
Loading...
[/fetch2]