Custom Filter пропадают вкладки

Добрый день,
Столкнулся с 2-мя проблемами в модуле. Изучаю их уже практически неделю, но как-то безрезультатно. Подскажите может кто сталкивался и подскажет в чем проблема.
Первый вопрос, при опубликованном модуле Custom Filter вкладки на странице товаров начинают работать неправильно. При нажатии на вкладку, активная пропадает и к ней добавляется style="display: none;". Не могу понять в чем проблема и куда копать.
И второй вопрос, Custom Filter, работает вроде как надо, но при фильтрации товаров с главной страницы, товары отбираются, но без картинки. Если производить фильтрацию из какой-нибудь категории, то все фильтруется с фоткой.
Сайт радиаторы-оптом.рф

Diadora83, обе проблемы связаны с тем, как работает фильтр и JS код.

Во-первых, фильтр использует Mootools. В некоторых случаях он может конфликтовать с jQuery, который обычно используется в шаблонах Joomla. Тут нужно смотреть конкретные ошибки. В общем сказать нельзя.

Во-вторых, когда фильтр загружает результаты по AJAX некоторые скрипты, которые должны работать внутри загруженных результатов, работать перестают, т.к. были инициализированы при загрузке страницы, но не были реинициализированы при загрузке результатов фильтрации. Самое простое решение - включить в настройке фильтра загрузку по http (не AJAX). Если хочется оставить AJAX, нужно, опять же, разбираться с каждым конкретным скриптом отдельно.

Wedal пишет: Diadora83, обе проблемы связаны с тем, как работает фильтр и JS код.

Во-первых, фильтр использует Mootools. В некоторых случаях он может конфликтовать с jQuery, который обычно используется в шаблонах Joomla. Тут нужно смотреть конкретные ошибки. В общем сказать нельзя.

Во-вторых, когда фильтр загружает результаты по AJAX некоторые скрипты, которые должны работать внутри загруженных результатов, работать перестают, т.к. были инициализированы при загрузке страницы, но не были реинициализированы при загрузке результатов фильтрации. Самое простое решение - включить в настройке фильтра загрузку по http (не AJAX). Если хочется оставить AJAX, нужно, опять же, разбираться с каждым конкретным скриптом отдельно.

Первое, что попробовал это загрузка результатов Http запросы. Все то же самое. Как только отключаю модуль фильтра, вкладки начинают работать как надо. В программировании, силен не очень, во всем разбираюсь методом тыка. Удалось только выяснить, при включении модуля в коде странице добавляется следующее.

<link href="/media/system/css/calendar-jos.css?cf38b585cd54c2b92d4ac76315f41e8a" rel="stylesheet" title="Зелёный" media="all" type="text/css" />¶
.......
<script type="application/json" class="joomla-script-options new">{"csrf.token":"12573ec90fe5731205c305bfe3c151ee","system.paths":{"root":"","base":""},"joomla.jtext":{"MOD_CF_FILTERING_INVALID_CHARACTER":"\u041d\u0435\u0432\u0435\u0440\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435. \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0447\u0438\u0441\u043b\u043e\u043c!","MOD_CF_FILTERING_PRICE_MIN_PRICE_CANNOT_EXCEED_MAX_PRICE":"MOD_CF_FILTERING_PRICE_MIN_PRICE_CANNOT_EXCEED_MAX_PRICE","MOD_CF_FILTERING_MIN_CHARACTERS_LIMIT":"Please enter at least 2 characters"}}</script>¶
<script src="/media/system/js/core.js?cf38b585cd54c2b92d4ac76315f41e8a" type="text/javascript"></script>¶
<script src="/media/system/js/mootools-core.js?cf38b585cd54c2b92d4ac76315f41e8a" type="text/javascript"></script>¶
<script src="/media/system/js/mootools-more.js?cf38b585cd54c2b92d4ac76315f41e8a" type="text/javascript"></script>¶
<script src="/media/system/js/calendar.js?cf38b585cd54c2b92d4ac76315f41e8a" type="text/javascript"></script>¶
<script src="/media/system/js/calendar-setup.js?cf38b585cd54c2b92d4ac76315f41e8a" type="text/javascript"></script>
........
Calendar._DN = ["\u0412\u043e\u0441\u043a\u0440\u0435\u0441\u0435\u043d\u044c\u0435","\u041f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a","\u0412\u0442\u043e\u0440\u043d\u0438\u043a","\u0421\u0440\u0435\u0434\u0430","\u0427\u0435\u0442\u0432\u0435\u0440\u0433","\u041f\u044f\u0442\u043d\u0438\u0446\u0430","\u0421\u0443\u0431\u0431\u043e\u0442\u0430","\u0412\u043e\u0441\u043a\u0440\u0435\u0441\u0435\u043d\u044c\u0435"]; Calendar._SDN = ["\u0412\u0441","\u041f\u043d","\u0412\u0442","\u0421\u0440","\u0427\u0442","\u041f\u0442","\u0421\u0431","\u0412\u0441"]; Calendar._FD = 0; Calendar._MN = ["\u044f\u043d\u0432\u0430\u0440\u044f","\u0444\u0435\u0432\u0440\u0430\u043b\u044f","\u043c\u0430\u0440\u0442\u0430","\u0430\u043f\u0440\u0435\u043b\u044f","\u043c\u0430\u044f","\u0438\u044e\u043d\u044f","\u0438\u044e\u043b\u044f","\u0430\u0432\u0433\u0443\u0441\u0442\u0430","\u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044f","\u043e\u043a\u0442\u044f\u0431\u0440\u044f","\u043d\u043e\u044f\u0431\u0440\u044f","\u0434\u0435\u043a\u0430\u0431\u0440\u044f"]; Calendar._SMN = ["\u044f\u043d\u0432","\u0444\u0435\u0432","\u043c\u0430\u0440\u0442","\u0430\u043f\u0440","\u043c\u0430\u044f","\u0438\u044e\u043d\u044c","\u0438\u044e\u043b\u044c","\u0430\u0432\u0433","\u0441\u0435\u043d","\u043e\u043a\u0442","\u043d\u043e\u044f\u0431","\u0434\u0435\u043a"]; Calendar._TT = {"INFO":"\u041e \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0435","ABOUT":"DHTML Date\/Time Selector\n(c) dynarch.com 20022005 \/ Author: Mihai Bazon\nFor latest version visit: http:\/\/www.dynarch.com\/projects\/calendar\/\nDistributed under GNU LGPL. See http:\/\/gnu.org\/licenses\/lgpl.html for details.\n\n\u0412\u044b\u0431\u043e\u0440 \u0434\u0430\u0442\u044b:\n- \u0427\u0442\u043e\u0431\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0433\u043e\u0434, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 < \u0438 > \n- \u0427\u0442\u043e\u0431\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043c\u0435\u0441\u044f\u0446 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 < \u0438 > \n- \u0423\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 \u043c\u044b\u0448\u0438 \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0438\u0437 \u043a\u043d\u043e\u043f\u043e\u043a, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0432\u044b\u0448\u0435, \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0432\u044b\u0431\u043e\u0440\u0430.","ABOUT_TIME":"\n\nTime selection:\n Click on any of the time parts to increase it\n or Shiftclick to decrease it\n or click and drag for faster selection.","PREV_YEAR":"\u041d\u0430\u0436\u043c\u0438\u0442\u0435, \u0447\u0442\u043e \u0431\u044b \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u0433\u043e\u0434. \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0438 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0441\u043f\u0438\u0441\u043a\u0430 \u043b\u0435\u0442.","PREV_MONTH":"\u041d\u0430\u0436\u043c\u0438\u0442\u0435, \u0447\u0442\u043e \u0431\u044b \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u043c\u0435\u0441\u044f\u0446. \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0438 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0441\u043f\u0438\u0441\u043a\u0430 \u043c\u0435\u0441\u044f\u0446\u0435\u0432.","GO_TODAY":"\u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0434\u0430\u0442\u0430","NEXT_MONTH":"\u041d\u0430\u0436\u043c\u0438\u0442\u0435, \u0447\u0442\u043e \u0431\u044b \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043c\u0435\u0441\u044f\u0446. \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0438 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0441\u043f\u0438\u0441\u043a\u0430 \u043c\u0435\u0441\u044f\u0446\u0435\u0432.","SEL_DATE":"\u0412\u044b\u0431\u043e\u0440 \u0434\u0430\u0442\u044b.","DRAG_TO_MOVE":"\u041f\u043e\u0442\u044f\u043d\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c","PART_TODAY":" \u0421\u0435\u0433\u043e\u0434\u043d\u044f ","DAY_FIRST":"\u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0432\u044b\u0435 %s","WEEKEND":"0,6","CLOSE":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","TODAY":"\u0421\u0435\u0433\u043e\u0434\u043d\u044f","TIME_PART":"Shift + \u043a\u043b\u0438\u043a \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u043d\u0438\u0435 \u043c\u044b\u0448\u043a\u043e\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435.","DEF_DATE_FORMAT":"%Y%m%d","TT_DATE_FORMAT":"%a, %b %e","WK":"\u043d\u0435\u0434.","TIME":"\u0412\u0440\u0435\u043c\u044f:"};¶

Насколько я понял проблема с mootools-more.js. Какой-то конфликт.

Первую проблему решил так:
К стилю
.nav-pills .nav-link, .nav-item .nav-link, .navbar, .nav-tabs .nav-link, .tag, .tag [data-role="remove"] {
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
-ms-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;

Добавил
display: block !important;
Вкладки работают как надо, только не знаю на сколько это правильное решение.

Осталось решить проблему с показом изображений отфильтрованных товаров на главной странице.