How do I show/hide the search bar and categories?

How do I remove or add the search bar and categories?

Colin Connor avatar
Written by Colin Connor
Updated over a week ago

On a high level, if you want to show the search bar, use a <gspro-item-gallery>. If you do not want to show the search bar, use a <gspro-item-list>.

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)

Categories and Search

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.

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

Did this answer your question?