Related searches

31 Jan, 2023 Configuration

The related searches features shows a list of related search terms, based on the current search term. Clicks on related searches can be seen in the analytics view.

To implement related searches on the search results page, The following HTML must be inserted:

<div class="search-related"></div>

The related features must also be enabled by Inserting the following line inside the CludoSettings:

enableRelatedSearches: true
A template with the related searches feature inserted in the bottom right side.

Once the related searches feature is correctly implemented on a website, it can be further styled to match the rest of the websites visuals.
Related searches can be styled, using CSS classes.

CSS classes

Container

.search-related {
  /* Insert styling */
}


Related searches title

.related-searches-header h2 {
  /* Insert styling */
}

List

.search-related ul {
  /* Insert styling */
}

List items

.search-related ul li {
  /* Insert styling */
}
Tags:  

Related Posts