Skip to main content

How to Add or Remove the Search Bar on a Category Page

Learn how to show or hide the search bar on your website.

Sierra Burton avatar
Written by Sierra Burton
Updated this week

This feature is available on all Goodshuffle Pro Plans.

On a high level, if you want to show the search bar, use an Item Gallery with this code snippet: <gspro-item-gallery>. If you do not want to show the search bar, use an Item List with this code snippet <gspro-item-list>. Learn more about the differences here.

The default setup of a Wishlist integration involves adding a <gspro-item-gallery> to your page. This component comes out of the box with a search bar and category selection sidebar (see below).

If you just want to hide the category selection sidebar, you can set the show-categories attribute to false.

If you want to remove both the search bar and category selection sidebar, you will use a <gspro-item-list>. To give it a “gallery-like” feel, you can increase the size attribute and use any of the available filtering options as seen below.

See the documentation on <gspro-item-list> for more information on customizing your component.


Need Additional Support?

Click the blue chat bubble in the bottom corner of your screen to message our support team—we’re happy to help!

Did this answer your question?