Тема Prestige поиск


Добрый день!

Подскажите, возможно ли сделать видимым поле поиска на главной странице( возможно в шапке или сразу после нее)

1 ответ
  • Сергеев Владимир
    Разработчик
    Решение
    21 октября 2021 15:05

    Здравствуйте, Алексей! 

    К сожалению, штатной возможности добавления поиска на главную страницу нет.
    Но можно попробовать вставить поиск в поле баннера.

    Сначала нужно сделать, чтобы баннер нельзя было закрыть. 

    Затем в приложении Сайт –> блоки –> нужно создать блок prestige.header_banner_text
    Затем в тело этого блока вставить код формы поиска:

    {$app_search = ''}
    {* Default app search *}
    {if $wa->shop}
        {$app_search = 'shop'}
    {/if}
    
    {* Blog app search conditions *}
    {if $wa_app == 'blog' && !empty($theme_settings.blog_search) && $theme_settings.blog_search == 'replace'}
        {$app_search = 'blog'}
    {/if}
    
    {$live_search = ''}
    {if !empty($theme_settings.live_search_enable)}
        {$live_search = '1'}
    {/if}
    
    {if $app_search == 'shop'}
        <form method="get" action="{$wa->getUrl('shop/frontend/search')}">
                <div class="uk-inline uk-width-1-1 uk-position-relative">
                <button type="submit" class="uk-form-icon" style="border:none;">
                    <i class="fas fa-search fa-lg"></i>
                </button>
    
                <input class="uk-input uk-form-width-medium uk-form-large uk-border-none uk-width-1-1{if !empty($live_search)} live-search{/if}" data-list="live" data-container=".result-search" id="search" type="search" name="query" {if !empty($query)}value="{$query}"{/if} placeholder="[s`Find products`]..." autofocus autocomplete="off" style="font-size:2rem;font-weight:300;background:none;">
    
                {if !empty($live_search)}
                    <div class="result-search result-desktop uk-position-absolute uk-box-shadow-medium uk-animation-slide-top-small uk-animation-fast uk-overflow-auto" style="display:none;left:0;top:100%;margin-top:11px;z-index:1030;max-height:75vh;max-height:calc(100vh - {$top_menu_height + 80}px);" data-simplebar></div>
                {/if}
    
            </div>{*/uk-inline*}
        </form>
    {/if}
    
    {* NOTE: Blog *}
    {if $app_search == 'blog'}
        <form method="get" action="{$wa_app_url}">
                <div class="uk-inline uk-width-1-1">
                <button type="submit" class="uk-form-icon" data-uk-icon="icon: search" style="border:none;"></button>
    
                <input class="uk-input uk-form-width-medium uk-form-large uk-border-none uk-width-1-1" type="search" name="query" {if !empty($blog_query)}value="{$blog_query}"{/if} placeholder="[`Search posts`]..." autocomplete="off" autofocus style="font-size:2rem;font-weight:300;background:none;">
    
            </div>{*/uk-inline*}
        </form>
    {/if}
    
    <style>
        .header_banner {
            position: relative;
            z-index:2000;
            color: rgba(255,255,255,.8);
        }
        .header_banner .compare-at-price{
            color: rgba(255,255,255,.8) !important;
        }
        .header_banner a:hover {
            color:#fff;
        }
    </style>

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!