Add Knowledge Advanced Search to the Mobile Home Page

You can add the mobile search (OKCSSearch) functionality so that users can search for knowledge base articles from the home page. You implement the search functionality by replacing the mobile home page in your existing instance with the reference implementation mobile home page.

1. Copy the reference implementation mobile home page from here:

   /cp/core/framework/views/pages/okcs/mobile/home.php

2. Place it here:

   /cp/customer/development/views/pages/mobile

Here’s an example of the reference implementation mobile home page:

<rn:meta title="#rn:msg:SHP_TITLE_HDG#" template="okcs_mobile.php" clickstream="home"/>
<div class="rn_Hero">
    <div class="rn_HeroInner">
        <div class="rn_HeroCopy">
            <h1>#rn:msg:WERE_HERE_TO_HELP_LBL#</h1>
        </div>
        <div class="rn_SearchControls">
            <h1 class="rn_ScreenReaderOnly">#rn:msg:SEARCH_CMD#</h1>
            <form method="get" action="/app/results">
                <rn:container source_id="OKCSSearch">
                    <div class="rn_SearchInput">
                        <rn:widget path="searchsource/SourceSearchField" initial_focus="true" label_placeholder="#rn:msg:ASK_A_QUESTION_ELLIPSIS_MSG#"/>
                    </div>
                    <rn:widget path="okcs/RecentSearches"/>
                    <rn:widget path="okcs/OkcsSuggestions"/>
                    <rn:widget path="searchsource/SourceSearchButton" initial_focus="true" search_results_url="/app/results"/>
                </rn:container>
            </form>
        </div>
    </div>
</div>
<div class="rn_PageContent rn_Home">
    <div class="rn_Container">
        <rn:widget path="okcs/OkcsVisualProductCategorySelector" numbered_pagination="true"/>
    </div>
    <div class="rn_PopularKB">
        <div class="rn_Container">
            <rn:widget path="okcs/AnswerList" type="popular" target="_self" view_type="list"/> 
        </div>
    </div>
    <div class="rn_PopularKB rn_RecentKB">
        <div class="rn_Container">
            <rn:widget path="okcs/AnswerList" type="recent" target="_self" view_type="list"/> 
        </div>
    </div>
</div>