вопрос
Я установил owl carousel 2 на сайт и быстрый поиск сместился, полагаю это потому что я установил , но дело в том что если его убираю то owl carousel 2 не работает, мне нужно как то файл изменить чтобы поддерживал карусель и были скрипты ровными, а то "пожаловаться" окно не открывается после карусели и быстрый поиск сместился да и многие погрешности начинаются если поставить . вот я в других шаблонах замечал как сделано все в libs запихнули и карусель работает и все остальное я пытался скопировать такую вещь с шаблона filmax но не вышло вот код main.tpl
если что все файлы подключены
{AJAX}
[banner_advertur-adaptive-mobi]
{banner_advertur-adaptive-mobi}
[/banner_advertur-adaptive-mobi]
<div id="toTop"><img src="{THEME}/images/go-top.png"></div>
[group=4,5]
<div class="panel-warning">
Дорогие гости и поситители как вы заметили наш сайт обновился. Сайт еще сырой и есть баги. Не пугайтесь, мы над этим работаем.
</div>
[/group]
{include file="modules/header.tpl"}
<main>
<div class="banner720x90">
<div class="banner-name">
<h3>Интересное</h3>
</div>
<div class="banner-block">
[banner_shop-fc]
{banner_shop-fc}
[/banner_shop-fc]
</div>
</div>
<form class="full-search" method="post">
<input id="story" name="story" type="search" name="search" placeholder="Найти фильм...">
<button class="q_search_btn" type="submit" title="Найти">Найти</button>
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
</form>
<div class="container">
<div class="sidebar">
<div class="menu">
<p><img src="{THEME}/images/icon/menu.png"> меню сайта</p>
<a href="/?do=lastcomments"><img src="{THEME}/images/icon/comment.png"> Все комментарии</a>
<a href="http://fancomics.myprintbar.ru/?referrals=fancomics" target="_blank"><img src="{THEME}/images/icon/market.png"> Магазин NETFLIX</a>
<a href="/index.php?do=feedback"><img src="{THEME}/images/icon/reply.png"> Обратная связь</a>
<a href="#info"><img src="{THEME}/images/icon/info.png"> О сайте</a>
<a href="/rules.html"><img src="{THEME}/images/icon/rules.png"> Правила</a>
<a href="/pravo.html"><img src="{THEME}/images/icon/pravo.png"> Правообладателям</a>
</div>
<div class="menu">
<a href="/dc"><img src="{THEME}/images/icon/dc-icon.png"> DC Comics</a>
<a href="/marvel"><img src="{THEME}/images/icon/marvel-icon.png"> MARVEL Comics</a>
<a href="/netflix"><img src="{THEME}/images/icon/netflix-icon.png"> NETFLIX Сериалы</a>
<a href="/films"><img src="{THEME}/images/icon/film.png"> Фильмы</a>
<a href="/serials"><img src="{THEME}/images/icon/serials.png"> Сериалы</a>
<a href="/new-2019"><img src="{THEME}/images/icon/new.png"> Новинки 2019</a>
<a href="/new2018"><img src="{THEME}/images/icon/new.png"> Новинки 2018</a>
<a href="/new-2017"><img src="{THEME}/images/icon/new.png"> Новинки 2017</a>
</div>
<div class="moonwalk">
<p>посл. сериалы</p>
{include file="/engine/modules/moonserials_block.php"}
</div>
<div class="shortnews">
<p>посл. новости</p>
{custom category="32" template="blocknews" aviable="global" from="0" limit="6" cache="no"}
<a class="btn-news" href="/news">» Больше новостей</a>
</div>
<div class="colection">
<p><img src="{THEME}/images/icon/menu.png"> подборки</p>
<div class="col-itm">
<div class="col-itm-dc">
<p class="name-cdc">От <img src="{THEME}/images/icon/dc-icon.png"> <span>DC Comics</span></p>
<div class="dc-block-c">
<img src="{THEME}/images/selection/p-batman.png" alt="Бэтмен">
<a href="/betman">Бэтмен</a>
</div>
</div>
<div class="col-itm-m">
<p class="name-cdm">От <img src="{THEME}/images/icon/marvel-icon.png"> <span>Marvel Comics</span></p>
<div class="marvel-block-c">
<img src="{THEME}/images/selection/p-iron-man.png" alt="Железный человек">
<a href="/iron-man">Железный человек</a>
</div>
</div>
</div>
<div class="btn-colection">
<a href="/colection.html">» Все подборки</a>
</div>
</div>
<div class="advertising">
<p>интересное</p>
<div class="banner_gorizont">
[banner_advertur160x600]
{banner_advertur160x600}
[/banner_advertur160x600]
</div>
</div>
</div>
<div class="content">
{include file="speedbar.tpl"}
<div class="mnd">
<div class="marvel-block">
<a href="/marvel">
<img src="{THEME}/images/marvel-itm.jpg" alt="Marvel Comics">
<div class="info-marvel">
<span class="title">Marvel Comics</span>
<span class="info">Американская компания, издающая комиксы, корпорации «Marvel Entertainment». Большинство персонажей комиксов «Marvel» обитают в одной вымышленной вселенной, получившей название Земля-616.</span>
</div>
</a>
</div>
<div class="netflix-block">
<a href="/netflix">
<img src="{THEME}/images/netflix-itm.jpg" alt="Netflix Сериалы">
<div class="info-nf">
<span class="title">Netflix</span>
<span class="info">Американская компания, основанная Ридом Хастингсом и Марком Рэндольфом, поставщик фильмов и сериалов на основе потокового мультимедиа. Штаб-квартира находится в Лос-Гатос, Калифорния.</span>
</div>
</a>
</div>
<div class="dc-block">
<a href="/dc">
<img src="{THEME}/images/dc-itm.jpg" alt="DC Comics">
<div class="info-dc">
<span class="title">DC Comics</span>
<span class="info">Одно из крупнейших издательств комиксов. «DC Comics» издают продукцию, характеризующуюся наличием большого количества широко известных персонажей. В том числе «Супермен», «Бэтмен» и др.</span>
</div>
</a>
</div>
</div>
[aviable=main]
<div class="b-marvel">
<h2>Последние <span>Marvel Comics</span></h2>
<div class="blocks-slide">
<div class="owl-carousel owl-theme">
{custom category="2" template="b-marvel" aviable="global" from="0" limit="6" cache="no"}
</div>
</div>
</div>
<div class="b-dc">
<h2>Последние <span>DC Comics</span></h2>
<div class="blocks-slide">
<div class="owl-carousel owl-theme">
{custom category="1" template="b-dc" aviable="global" from="0" limit="6" cache="no"}
</div>
</div>
</div>
<div class="b-nf">
<h2>Последние <span>Netflix</span></h2>
<div class="blocks-slide">
<div class="owl-carousel owl-theme">
{custom category="3" template="b-netflix" aviable="global" from="0" limit="6" cache="no"}
</div>
</div>
</div>
<div class="more-films">
<h2>Последние обновления</h2>
<div class="blocks-films">
{content}
</div>
</div>
[/aviable]
[aviable=cat|main] {include file="engine/modules/catface.php"}[/aviable]
[aviable=cat]
[category=1] {include file="page-dc.tpl"}[/category]
[category=2] {include file="page-marvel.tpl"}[/category]
[category=3] {include file="page-netflix.tpl"}[/category]
{content}
[/aviable]
[not-available=cat|main] {content} [/not-available]
</div>
</div>
</main>
{include file="modules/text-footer.tpl"}
{include file="modules/footer.tpl"}
<script src="{THEME}/js/lib.js"></script>
<!-- <script src="{THEME}/js/jquery-3.0.0.min.js"></script> -->
<script src="{THEME}/blockpro/js/blockpro.js"></script>
<script src="{THEME}/blockpro/js/blockpro_new.js"></script>
<script src="{THEME}/js/script.js" type="text/javascript"></script>
<script src="{THEME}/js/owl.carousel.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.owl-carousel').owlCarousel({
loop:true, //Зацикливаем слайдер
autoplay:true, //Автозапуск слайдера
smartSpeed:700,
autoplayTimeout:2000, //Время смены слайда
responsive:{
0:{
items:1
},
440:{
items:2
},
768:{
items:3
}
}
});
});
</script>
если что все файлы подключены
<link rel="stylesheet" href="{THEME}/css/owl.carousel.css">
<link rel="stylesheet" href="{THEME}/css/owl.theme.default.css">