Extended “no results” message

We introduced a feature that allows you to customize the “No results” area within the search box. HTML is fully supported – you can use any tag:

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>, <ul>, <ol>, <li>, <b>, <em>, <br>, <div>, <span>, <a>

Here is a step-by-step guide on how to build a unique, custom look, based on our mockup The Bookstore Online.

Go to WooCommerce -> FiboSearch -> Autocomplete (tab) and find an option “No results label”. Paste there the following HTML snippet. Remember to change a phone number and link to a contact page.

<p>Can't find what you're looking for?</p>
  <li>Check for typos or use a more generic search term</li>
  <li>Contact <a href="#">Customer Service</a></li>
  <li>Call <a href="tel:123-456-7890">123-456-7890</a></li>

You can style this feature using this CSS snippet:

.dgwt-wcas-suggestion-nores p:first-of-type {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;

The final effect: