Интеграция плагина "Дополнительный поиск" в тему дизайна Insales

Ежегодная распродажа Webasyst с 28 ноября по 2 декабря Купить решения со скидкой 50%

FAQ (Общие вопросы)Интеграция с OZON Интеграция с Яндекс.Маркет Экспорт в YML PRO Интеграция с AliExpress SEO-фильтр Meta Robots Tag Информация о доставке и оплате Часто задаваемые вопросы Группы товаров SEO-оптимизация Каталог отзывов Google Покупки Электронная коммерция Поиск PRO 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

Вчера 15:40

Чтобы плагин работал в этой теме дизайна нужно внести изменения в файлы темы дизайна.

Это можно сделать через админ-панель в разделе Витрина - Шаблоны.

1) В css/user.css добавить в конец файла:

.filterext-filter {
    display: flex;
    gap: 10px;
    white-space: nowrap;
    align-items: center;
}

.filterext-filter__input {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sorting {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .filterext-filter {
        order: -1;
        flex: 100%;
    }
}

2) В js/user.js добавить в конец файла

$(function () {
    let debounce = function (callback, delay) {
        let id = null;
        
        return function () {
            const args = arguments;
            
            clearTimeout(id);
            id = setTimeout(function () {
                callback.apply(null, args);
            }, delay);
        };
    };
    
    let storeSelection = function (input) {
        let start = input.selectionStart;
        let end = input.selectionEnd;
        
        return function (input) {
            $(input).focus();
            input.setSelectionRange(start, end);
        };
    };
    
    let restoreSelection = null;
    
    let onInput = debounce(function (input) {
        input.readOnly = true;
        $('#products-filters-form').trigger('submit');
        restoreSelection = storeSelection(input);
    }, 500);
    
    $(document).on('input', '.filterext-filter__input', function () {
        onInput(this);
    });
    
    $(document).on('filterext_loaded', function () {
        if (!restoreSelection) {
            return;
        }
        
        let $input = $('.filterext-filter__input').first();
        restoreSelection($input.get(0));
    });
});

3) В category/filters.html найти

<form class="filter__form" method="get" action="{$resetLink}">

и заменить на

<form class="filter__form" method="get" action="{$resetLink}" id="products-filters-form">

4) В category/sorting.html найти

<div class="sorting__right">

и заменить на

<div class="filterext-filter">
    <span>Поиск по названию или артикулу:</span>
    <input class="filterext-filter__input" type="text" name="name_or_sku_code" value="{shopFilterextViewHelper::getLastGetParameter('name_or_sku_code')|escape}" form="products-filters-form">
</div>
<div class="sorting__right">

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