Developer forum

Never mind!

https://doc.dynamicweb.com/documentation-9/how-tos/general/did-you-mean-spell-checker-suggestions

How would you implement such feature in the Rapido Searchbar.cshtml?
Selecting a noproducts template in the search results product catalogue doesnt seem to render anything at all other than the rapido ResultsTemplate value ...
Not for the search bar nor for the paragraph output ...

@helper RenderSearchBar(SearchConfiguration options)
{
    <div class="typeahead typeahead--centered u-color-inherit js-typeahead dw-mod" id="ProductSearchBar"
         data-page-size="7" 
         data-search-feed-id="@options.searchFeedId" 
         data-search-second-feed-id="@options.searchSecondFeedId" 
         data-result-page-id="@options.resultPageLink" 
         data-groups-page-id="@options.groupsFeedId" 
         data-search-type="@options.searchType">
        @if (options.showGroups)
        {
            <button type="button" class="btn btn--condensed u-color-light-gray--bg typeahead-group-btn dw-mod js-typeahead-groups-btn" data-group-id="all">@Translate("All")</button>
            <ul class="dropdown dropdown--absolute-position u-min-w220px js-handlebars-root js-typeahead-groups-content dw-mod" id="ProductSearchBarGroupsContent" data-template="SearchGroupsTemplate" data-json-feed="/Default.aspx?ID=@options.groupsFeedId&feedType=productGroups" data-init-onload="false" data-preloader="minimal"></ul>
        }
        <div class="typeahead-search-field">
            <input type="text" class="u-no-margin u-full-width u-full-height js-typeahead-search-field" placeholder="@options.searchPlaceholder" value="@options.searchValue">
            @if (string.IsNullOrEmpty(options.searchSecondFeedId))
            {
                <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-json-feed="/Default.aspx?ID=@options.searchFeedId&feedType=productsOnly" data-init-onload="false"></ul>
            }
            else
            {
                <div class="dropdown dropdown--absolute-position dropdown--combined grid">
                    <div class="js-typeahead-search-content grid__col-sm-7 grid__col--bleed-y" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-init-onload="false"></div>
                    <div class="js-typeahead-additional-search-content grid__col-sm-5 grid__col--bleed-y" id="ContentSearchBarContent" data-template="@options.searchContentTemplate" data-init-onload="false"></div>
                </div>
            }
        </div>
        <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod js-typeahead-enter-btn"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue"></i></button>
    </div>
}

Hi Peter

You first have to add the did you mean data to the ProductListFeed.cshtml template you have on the product page - use the QueryResult.SpellCheck tag for that.

Then in the MasterBlocks/SearchTemplates.cshtml you need to modify the SearchProductsTemplate handlebars template to render the data from the feed...

BR Nicolai

Hi Nicolai,

I was able to get suggestions in my Rapido website.

There is just one issue ...

The ProductListFeed.cshtml retuns Language filtered products based on the Products.query filter on Dynamicweb.Ecommerce.Context:LanguageID

But when it does not find any products it now returns my model of GetLoop("SpellCheckerSuggestions") as JSon, which I handle in the search.cshtml handlebars templating ...

This all results in a nice suggestion list, but this list of suggestions is NOT filtered on language.

In my case I get English and German suggestions on an English page.
Clicking an English term results in a list of products.
Clicking a German term results in a 'nothing found' page.

I can't seem to find a way to properly filter the GetLoop("SpellCheckerSuggestions") values to the current Language context ...

Request: /Default.aspx?ID=2215&feed=true&pagesize=7&Search=ligt&feedType=productsOnly&redirect=false&DoNotShowVariantsAsSingleProducts=True&searchType=combined&Template=SearchProductsTemplateWrap

Response: {"template":"SuggestionsTemplate","firstSuggestion":"light","suggestions":["light","mit","ist","link","zeigt","right","line","löst","gift","long"]}

PageID 2215 is an English page. I tried to put the AreaID in the request URL, that didn't help.
GetLoop("SpellCheckerSuggestions") doesn't contain area/language values to filter on myself (would be too late anyway).

What can I do?

Thanks for your input.