Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » почему когда сделал owl carousel 2 на сайт все js стали коряво всплывать. Поможете?

почему когда сделал owl carousel 2 на сайт все js стали коряво всплывать. Поможете?


     15.08.2018    owl carousel, owl carousel 2, jquery    Шаблоны (TPL), Стили (CSS), jQuery    1937

вопрос
Я установил 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">&nbsp;меню сайта</p>
                    <a href="/?do=lastcomments"><img src="{THEME}/images/icon/comment.png">&nbsp;Все комментарии</a>
		            <a href="http://fancomics.myprintbar.ru/?referrals=fancomics" target="_blank"><img src="{THEME}/images/icon/market.png">&nbsp;Магазин NETFLIX</a>
                    <a href="/index.php?do=feedback"><img src="{THEME}/images/icon/reply.png">&nbsp;Обратная связь</a>
                    <a href="#info"><img src="{THEME}/images/icon/info.png">&nbsp;О сайте</a>
                    <a href="/rules.html"><img src="{THEME}/images/icon/rules.png">&nbsp;Правила</a>
                    <a href="/pravo.html"><img src="{THEME}/images/icon/pravo.png">&nbsp;Правообладателям</a>
                </div>
                <div class="menu">
                    <a href="/dc"><img src="{THEME}/images/icon/dc-icon.png">&nbsp;DC Comics</a>
                    <a href="/marvel"><img src="{THEME}/images/icon/marvel-icon.png">&nbsp;MARVEL Comics</a>
                    <a href="/netflix"><img src="{THEME}/images/icon/netflix-icon.png">&nbsp;NETFLIX Сериалы</a>
                    <a href="/films"><img src="{THEME}/images/icon/film.png">&nbsp;Фильмы</a>
                    <a href="/serials"><img src="{THEME}/images/icon/serials.png">&nbsp;Сериалы</a>
                    <a href="/new-2019"><img src="{THEME}/images/icon/new.png">&nbsp;Новинки 2019</a>
                    <a href="/new2018"><img src="{THEME}/images/icon/new.png">&nbsp;Новинки 2018</a>
                    <a href="/new-2017"><img src="{THEME}/images/icon/new.png">&nbsp;Новинки 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">&raquo; Больше новостей</a>
		</div>
                <div class="colection">
                    <p><img src="{THEME}/images/icon/menu.png">&nbsp;подборки</p>
                    <div class="col-itm">
                        <div class="col-itm-dc">
                        <p class="name-cdc">От&nbsp;<img src="{THEME}/images/icon/dc-icon.png">&nbsp;<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">От&nbsp;<img src="{THEME}/images/icon/marvel-icon.png">&nbsp;<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">&raquo; Все подборки</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">

Ответа пока нет


4 комментария

ghost2
Юзер

ghost2 - 8 июня 2021 15:49 -

Очень странно, но DLE и плагин owl carousel не могут работать совметно. При указании метатегов {headers} и {ajax} плагин просто не запускается. Ничего нет. Видимо js DLE и самого плагина друг друга в ж еб@ут

TeraMoune
Эксперт

TeraMoune - 8 июня 2021 15:53 -

На тестовом сайте стоят около десятка плагинов, включая и owl и всё гармонирует как положено.

Тестовый репозиторий установки плагинов: teramoune

shadow6630
Юзер

shadow6630 - 8 июня 2021 15:51 -

Советую посмотреть консоль браузера - там увидите что не так с скриптом

maks
Юзер

maks - 11 июня 2021 16:29 -

А чего вы тему 18 года развиваете? Давно новых вопросов не видели? Заскучали? :)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх