Инструкция по интеграции плагина «Поиск PRO» в тему дизайна TopShop

FAQ (Общие вопросы)Интеграция с OZON Интеграция с Яндекс.Маркет Экспорт в YML PRO Интеграция с AliExpress SEO-фильтр Meta Robots Tag Информация о доставке и оплате Часто задаваемые вопросы Группы товаров SEO-оптимизация Каталог отзывов Google Покупки Электронная коммерция SEO-регионы Турбо-страницы SEO-редиректы Link canonical Last-Modified Заказ обратного звонка HTML-карта сайта Навигация в хлебных крошках Купить в 1 клик Купить в 1 клик 2.0 Sitemap PRO Заказ в 1 шаг Бренды PRO Массовые изменения Защита контента для Shop-Script Автообновление курса валют Защита контента для приложения «Блог»Передача заказов из корзин Турбо-страниц Fast index Цены Pro Интеграция с МегаМаркет Mobisite 3.0 Megashop 3.0 MobiSite 2.0 MegaShop 2.0 VK пиксель PRO Эквайринг Epay Ближайший срок доставки Дополнительный поиск товаров в категории Триггеры PRO Поделиться корзиной Обновление остатков и цен по коду артикула Общие вопросы

Идеи по улучшению Баг-репорты FAQ

Войдите в личный кабинет для возможности задавать вопросы и отвечать на комментарии.

Поддержка Bodysite

22 марта 2019 16:26

Откройте файл index.html.

Найдите код формы поиска

<form method="get" action="{$wa->getUrl('shop/frontend/search')}" data-search="{$wa->getUrl('shop/frontend/search')}">
    <input {if $theme_settings.header_search}class="livesearch"{/if} id="search" name="query" autocomplete="off" type="text" placeholder="[`Search in shop`]" {if $wa->get("query")}value="{$wa->get("query")}"{/if}>
    <button type="submit" class="search_button"><i class="icon-icon_search"></i></button>
    <div class="search-popup"></div>
</form>

Замените код на {shopSearchproPluginViewHelper::field()}

Форма появилась, нужно вывести всплывающие подсказки поверх меню.

В настройках плагина нужно отредактировать файл стилей (нужно выбрать тему дизайна TopShop).

Нужно заменить

.js-searchpro__dropdown,
.js-searchpro__helper {
    z-index: 999;
    position: absolute;
}

на

.js-searchpro__dropdown,
.js-searchpro__helper {
    z-index: 9999;
    position: absolute;
}

И в блоке .searchpro__field .searchpro__field-categories-list нужно увеличить значение z-index до 9999.

В теме дизайна появится такая поисковая форма:

В настройках плагина необходимо отметить пункт «100% ширина поля поиска», чтобы на мобильных устройствах форма не выходила за пределы экрана.

Теги:htmlпоиск proпоиск проинструкцияcssплагинsmartyинтеграция

Запрос в поддержку