A gallery of fifty photos is hard to search when a visitor only wants one kind of shot.
The Media Listing block can show filter tabs above the gallery so visitors narrow it down in place.
For every Media Listing setting in one place, see the Media Listing block guide.
Before You Start
- Edition: Pro — the Media Listing block is part of Nexter Blocks Pro.
- Block to enable: Media Listing, switched on under Nexter > Blocks in your WordPress dashboard.
- Your images uploaded: add them to the Media Library first so you can pick them straight from the block.
Steps
- Add the Media Listing block to your page and click Design from Scratch.
- In the Layout panel, set Type to Images.
- Open the Content panel and set Select Option to Repeater.
- Click + Add Item for each photo, then set its Image, Title and Caption.
- On each item, fill in Category (Separated by comma). Items that share a category are grouped under the same tab.
- Open the Filters panel and switch Category Wise Filter on.
- Set All Category Text if you want the first tab to read something other than All, pick a Filter Style, then publish.
How It Behaves
- The tabs are built from the categories you typed on the items, in the order they first appear.
- Clicking a tab hides everything outside that category without reloading the page. Selecting Coast in a nine photo gallery leaves only the three Coast photos on screen.
- An item with several comma separated categories appears under each of them.
- The first tab shows everything, and its label comes from All Category Text.
Limitations
- Pro only.
- The filter needs Repeater content. Images picked under Normal have no category field, so no tabs appear.
- The filter does not appear on the Carousel layout.
- Categories are free text on each item, so Coast and coastal create two separate tabs.
- The filtering happens in the browser, so every photo still loads with the page.
Troubleshooting
Only the All tab shows
The items have no categories yet. Fill in Category (Separated by comma) on each repeater item and the tabs appear.
No tabs at all
Check two things: Select Option must be Repeater, and Layout must not be Carousel.
One photo is under the wrong tab
Look for a typo or a stray space in that item’s category. Each distinct spelling becomes its own tab.
