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

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

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

вопрос
Я установил 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 и всё гармонирует как положено.
shadow6630
Юзер

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

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

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

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

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

 17.09.2013 unik  Общие вопросы, Шаблоны (TPL)
 13.10.2013 bembelby  Шаблоны (TPL)
 21.11.2013 azamkovoy  Шаблоны (TPL)
 13.08.2014 wor92  Общие вопросы, Шаблоны (TPL), jQuery
 15.08.2014 ychelovek33  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 04.03.2015 GAZ  Шаблоны (TPL)
 08.03.2015 Ashuk  Шаблоны (TPL)
 16.03.2016 Xactip  Шаблоны (TPL)
 19.08.2016 Jackson_X  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 07.08.2018 mexanik  Шаблоны (TPL), Общие вопросы по PHP
  • derebas | Как реализовать кнопку "Поделиться" как ... 1
    Фото derebas
    derebas
    Как реализовать кнопку "Поделиться" как на Плей Маркете?
    Сегодня, 09:39
    Ну если на скорую руку то примерно так
    <style>
.sociallinks {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.sociallinks-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.social-container {
    display: flex;
    align-items: center;
}
.social-container > div {
    margin-left: 10px;
}

h2, p {
    margin: 5px 0;
}
.social {
  padding-top: 20px;
}
.social img {
  margin: 10px;
}
.sharebtn {
  padding-top: 20px;
  width: 100%;
}
.sharebtn_area {
  border: 1px solid black;
  height: 40px;
}
.sharebtn input[type="text"] {
  width: 70%;
  border: none;
  height: 95%;
}
.sharebtn button {
  width: 25%;
  height: 95%;
  border: none;
  background-color: #fff;
}
</style>
<button id="opensociallinksBtn">Поделиться</button>

<div id="mysociallinks" class="sociallinks">
  <div class="sociallinks-content">
    <span class="close">×</span>
    <div class="social-container">
        <img src="{image-1}" alt="Icon" width="30" height="30">
        <div>
            <h2>{title}</h2> 
            <p>Поделиться</p> 
        </div>
    </div>
    <div class="social">
        <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a>
        <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
        <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
        <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
    </div>
    <div class="sharebtn">
      <div class="sharebtn_area">
        <input type="text" id="inputText" value="{full-link}" readonly="true">
        <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button>
      </div>
    </div>
  </div>
</div>

<script>
var sociallinks = document.getElementById("mysociallinks");
var opensociallinksBtn = document.getElementById("opensociallinksBtn");
var closeBtn = document.getElementsByClassName("close")[0];
var copyBtn = document.getElementById("copyBtn");
var inputText = document.getElementById("inputText");

opensociallinksBtn.onclick = function() {
  sociallinks.style.display = "block";
}

closeBtn.onclick = function() {
  sociallinks.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == sociallinks) {
    sociallinks.style.display = "none";
  }
}

copyBtn.onclick = function() {
  inputText.select();
  document.execCommand("copy");
}
</script>
  • doktorpull | GeoIP - показ информации в зависимости о ... 1
    Фото doktorpull
    doktorpull
    GeoIP - показ информации в зависимости от страны посетителя сайта
    Вчера, 21:53
    Отличный модуль, хорошо работает. Рекомендую этого автора, так как заказывал у него несколько собственных разработок. Человек знает свое дело.
  • Gordi | Telegram Sender 12
    Фото Gordi
    Gordi
    Telegram Sender
    16-04-2024, 15:47
    купил. Модуль классный! Автору большая признательность!
  • TeraMoune | Как вывести тайтл и дискрипшен по маске ... 1
    Фото TeraMoune
    TeraMoune
    Как вывести тайтл и дискрипшен по маске в категориях?
    14-04-2024, 00:36
    Ну например вот так: https://lazydev.pro/product/12-dle-seo.html
  • zawibis | Как настроить редирект на внешние сайты? 1
    Фото zawibis
    zawibis
    Как настроить редирект на внешние сайты?
    13-04-2024, 14:53
    Нашёлся ответ.
    Нужно в настройках группы отключить параметр

    Автоматическая замена ссылок [url] в тег [leech]
    При включении данной опции все ссылки, которые пользователь публикует в теге [url], будут автоматически заменены на защищенные ссылки тега [leech]
  • TeraMoune | Как решить проблему с /xfsearch/значение ... 5
    Фото TeraMoune
    TeraMoune
    Как решить проблему с /xfsearch/значение?
    12-04-2024, 11:53
    Это не прикол, просто dle позволяет искать новости как по значению так и с указанием конкретного поля для этого значения. И если у вас стоят метрики на сайте то достаточно любому человеку открыть ссылку и убрать в ней что-то, если сайт при новом url вернёт статус 200 то метрики захотят этот url запомнить.
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:34
    А вот прикол то в том, что это коснулось только author
  • lutskboy | Как решить проблему с /xfsearch/значение ... 5
    Фото lutskboy
    lutskboy
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:31
    может быть не один только author. и другие поля. как знать куда перенаправлять
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:25
    Проблема заключается не в регистре, а в названии /author/ пропадает, и получается так, что ссылки дублируются. Как сделать редирект с дубля /xfsearch/Имя Фамилия на правильный адрес /xfsearch/author/имя фамилия ?
  • lutskboy | Как решить проблему с /xfsearch/значение ... 5
    Фото lutskboy
    lutskboy
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:23
    в новых версиях переводит в один регистр. либо xfsearch translit плагин
наверх