Skip to main content Accessibility Feedback

Demo: Narrower Page

If you have a page with a narrow layout, you can force the filters to always hide behind an expand-and-collapse button using the hasSidebar attribute.

Loading...

If this is taking a while, please see our available pets at /search/pets-for-adoption/?shelter_id%5B0%5D=SHELTER_ID.

What to put on your site

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

<div class="fetch-container">
    Anything you want to display if Fetch isn't supported by the visitor's browser.
</div>

<script>
    fetch.init({
        key: "YOUR API KEY",
        shelter: "YOUR SHELTER ID",
        hasSidebar: true,
    });
</script>

If you’re using WordPress

[fetch key="YOUR API KEY" shelter="YOUR SHELTER ID" hasSidebar="true"]
Anything you want to display if Fetch isn't supported by the visitor's browser.
[/fetch]