No results found

Viewing 1 replies (of 1 total)
  • Kris

    (@c0nst)

    Hi @amandinepauliatdiagram!

    In autocomplete resets you can configure the Extended “no results” message to show HTML that will contain a list of products. For example:
    Add this HTML to the WooCommerce -> FiboSearch -> Autocomplete (tab) -> “No results label”.

    <div class="nores-products">
  <h4>You may also like:</h4>
  <a href="#product-link">
    <span>Product title</span>
  </a>
  <a href="#product-link">
    <span>Product title #2</span>
  </a>
</div>

    Then add some CSS, to make it look better:

    .nores-products {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  font-family: Arial, sans-serif;
  padding: 20px;
  background: #fbfbfb;
}

.nores-products h4 {
  margin: 0;
  font-size: 16px;
}

.nores-products > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  color: #999;
  text-decoration: none;
  font-size: 14px;
}

.nores-products > a > span {
  display: inline-block;
  color: #444;
  text-decoration: none;
}

    Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar with custom CSS, take a look at this video.

    The final effect: https://prnt.sc/9AxV2IDZe9UR

    Learn more here.

    Regards,
    Kris

Viewing 1 replies (of 1 total)
  • The topic ‘No results found’ is closed to new replies.