Package detail

A template of modal search form.

How to install:

1. Import {latte} block of search control into desired place (for example to header in '@layout.default.latte') using macro {import '../path-to-latte-template'} and declare this block as {include #m-search}. Between macros {import} and {include} redefine template of used blocks like this and pass variables for CSS classes of label:

    {block #headerSearch}
        {define #searchIcon}
            <i class="o-header1__icon a-icon-search" aria-hidden="true"></i>
        {/define}
   
        {include #m-search, searchClass => 'o-header1__search'}
    {/block}

2. Block of search form include into '@layout.default.latte' at the end of {block #aiLayout} and pass variable for CSS class of status:

    {include #m-search-form, searchStatus => 'jq_search_status'}

3. Define search translation:

    {block #searchFormTitle}{_"Search"}{/block}