Published on June 13, 2021

Tutorial: Easy Filtering In WordPress With jQuery And Oxygen

In this video, see how to create a simple filter using jQuery in a Code Block that can be used with Oxygen’s Easy Posts or Repeater element. The posts will be filtered as you type in the filter box or click on a category.

Code from the video:

HTML: https://gist.github.com/Spellhammer/614cf4f8f9b2123fa445a3cae8ea784a

CSS: https://gist.github.com/Spellhammer/5a15d252d8e664f1d93857db63a200c8

JS: https://gist.github.com/Spellhammer/319a23e833936366e4fb247546c9e9c8

CSS Tricks article this concept is based off of: https://css-tricks.com/i-saw-two-mega-menus-today/

The Oxygen Team
Updated on: June 13, 2021

Pixel-perfect design meets WordPress!

Oxygen is the best way to visually design WordPress websites.
If you can build it with WordPress, you can design it with Oxygen.
  • Lifetime Access
  • Oxygen Classic + New Oxygen
  • All Premium Add-Ons
  • 60-Day Money Back Guarantee
Start Designing

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If you’re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want — no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.