Realtime CMS Search
Search one or more CMS collections based on their title and custom fields
Make it with Workshop
Build your own component with AI
About
Realtime search any CMS collection based on what's visible. The entire appearance of the search bar is customizable. Setting up takes <10 seconds with two different methods for setting up search. You can search one or more collections using the override method similar to the search we have on our navbar.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Instructions
The first method is extremely simple.
You just drag, drop the component
Connect it to the CMS
Configure& Preview
The second method uses overrides and is slightly slower but it's bullet proof against all future CMS updates, to set this method up,
Add the aria label "cmsitem" to individual CMS item
Apply the search override on the CMS collection
Using this method, you can search one or more CMS collection
Preview
How It Works
You can connect it to a Collection List component to search through. You can style the search input box, adjusting things like padding, font size, colors, and border properties. There are also options for styling the search results.
You can choose between vertical, horizontal, or grid layouts for the results. For grid layouts, you can set the number of columns and adjust spacing. For other layouts, you can set the gap between results.
Support
For any queries and help setting up the component, contact hello@segmentui.com
