#LOCAL("IsHorizontal","1")
#IF(#NavBarElement.NavBar.ID == #System.Child.NavBars.Child.Left.ID OR #NavBarElement.NavBar.ID == #System.Child.NavBars.Child.Right.ID)
  #SET("IsHorizontal","0")
#ENDIF
<div class="SearchElement NavBarElement#NavElementNo">
  <form method="post" class="ep-js" data-js=".uiForm()" action="?ObjectPath=#Shop.Path[url]">
    <div class="Entry">
      <input type="hidden" name="ViewAction" value="ContentSearch" />
      <input type="hidden" name="ErrorAction" value="#IF(#INPUT.ViewAction EQ "QuickSearch")ViewQuickSearchMask#ELSE#INPUT.ViewAction#ENDIF" />
      <input type="hidden" name="ErrorObjectID" value="#INPUT.ViewObjectID" />
      <input type="hidden" name="NavBarSearch" value="1" />
      <input type="hidden" name="PagerSize" value="5" />
      <div class="InputField SearchForm #IF(#IsHorizontal)horizontal-search#ELSE vertical-search#ENDIF">#WITH_ERROR(#FormError)
          <input class="Search ep-js" data-js=".uiValidate({required:true,placeholder:'{SearchTerm}' #IF(#FormError_SearchString AND #INPUT.NavBarSearch) ,valid:false #ENDIF })" name="SearchString" value="#IF(#SearchString)#SearchString#ELSIF(#INPUT.SearchString)#INPUT.SearchString#ENDIF" />#ENDWITH_ERROR
          #REM <!-- replace input type="images" ==> button type="submit" -->
          <input type="image" src="#System.StoreRoot/#Style.LayoutIconSet/ico_s_search.png" alt="{StartSearch}" title="{StartSearch}" name="{StartSearch}" />
          #ENDREM
          <button name="SearchButton" type="submit" class="search-button">
            <span class="ep-sprite ep-sprite-s ep-uiInput-buttonSpriteOnly Icon SearchIcon"></span>
          </button>
      </div>
    </div>
  </form>
</div>
#ENDLOCAL