aitomic-m-search v1.0.4

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}