Widget with list of the links and search bar

[big_boppa (Benedict Appleby)]

We sell products to customers based on their event - birthday, baby shower, Mother’s Day, etc.

There are so many of them, we struggle to use a mega menu navigation to hold them at all. We would love to now have a simple link in the nav that takes customers to a page and asks customers to “Search By Event” and when they hit the page, it has a full list of events in Alphabetical order, but has a search at the top, just like your FAQ widget so customers can find the event quickly.

It’s how I would expect a brand page would be used too, when 100’s of brands is too much for a filter.

[Max]

Hi there, @big_boppa

Many thanks for sharing your use case with us!

We have a request for the Product Catalog, and I guess this widget should cover your use case. I’ve moved your comment to the related discussion, where we’ll keep you in the loop

[big_boppa (Benedict Appleby)]

Hi MAx,

I don;t really see the correlation - we’re wanting a list of links, down the page, not a catalogue slider that could be used for New Products and Featured Products (which we would very much use, by the way, but not what we are talking about here.)

[Max]

Hi there, @big_boppa

Sorry for misunderstanding!

You mentioned that you’d like to have a list of links with the search, like in our FAQ app. In this case, our FAQ app should work for you.

Here you should:

Choose List layout

Leave questions empty and add links to the Answer section

Adding the links to the Answer section will keep them clickable:

Remove spacing between containers and adjust padding in these containers

To achieve this result, please add the code below to the Custom CSS field on the Appearance tab of your widget’s settings:

.eapps-faq-content-category-item {
  margin: 0;
  padding-block: 10px;
}

Voila, you’ve got a list of links with the search bar. Please give it a try and let me know if it covers your use case:

P.S. If you’re going to add numerous links to the widget, it might be inconvenient to find them with the blank question fields:

In this case, you can add the questions in the setting for more convenience and hide them from the widget using this CSS code:

.eapps-faq-content-category-item-question-text {
  display:none; 
}