Sticky Product Filter

---

Description

Keep the commerce product filter in place when scrolling. This plugin uses css editor and works with Squarespace 7.0 (Brine template family).

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste one of the codes below into the Custom CSS Editor box.

// Sticky Product Filter //

@media screen and (min-width: 720px) {
.ProductList-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}
}

---

Customize

Adjust the top px value to increase or decrease the amount of space above the product filter when scrolling.

If you don’t see the product filter on your commerce product page, you can easily enable it in Site Styles.

---