Owl-Carousel - как отключить скрипт при определенном условие

[OA-12345]

Здравствуйте. Я делаю сайт на opencart и уже почти завершил его, но к сожалению не знаю ни одного языка программирования, поэтому рассчитываю на вашу помощь.

Я сумел подключить к сайту Owl-carousel. Теперь мне очень надо сделать так, чтобы она перестала работать в определенных местах на сайте, если быть точнее, то в правой и левой колонке сайта.

То есть я хочу, чтобы скрипт карусели перестал работать , как только сама карусель будет установлена в html блоке:

<div id="column-left"> тут карусель </div>

Вот скрипт её вывода:

<script>
$(document).ready(function() {
  $("#owl-example").owlCarousel({ 
  });
});
</script>

Мне надо переделать этот скрипт так, чтобы получилось условие повязанное на айдишнике выше указного div-a, т.е. что-то вроде этого:
Если карусель находится внутри <div id=column-left> или <div id=column-right>,то скрипт не будет работать, если карусель на этой же странице, но находится не в <div id=column-left> или <div id=column-right>, то пускай работает.

Чтоб было понятнее - Вот тестовый сайт
На главной, под слайдшоу, есть карусель товаров "Рекомендуемые" -карусель я подключил, дизайн настроил, все работает правильно.
Перейдя в категорию (например компьютеры ) в левой колонке включен этот же модуль, но с видоизмененным мной дизайном отображения (вертикальным). Проблема в том, что он продолжает поддерживать скрипт скролинга, чтобы понять о чем я говорю - надо взять мышкой товар и потянуть в какую-нибудь сторону). Вот скрин.

 

[OA-12345]

Owl-Carousel - как отключить скрипт при определенном усл

Напишите скрипт используемый " в левой колонке включен этот же модуль, но с видоизмененным мной дизайном отображения (вертикальным)".

Дело в том, что скрипт всегда один и тот же, в opencart модульная система поэтому один и тот же модуль можно добавить на страницу сколько угодно раз в разные места - в шапку, в подвал, в левую или правую колонку.

Вот полный код модуля "Рекомендуемые" выше я указал слега облегченный код вызова owl карусели.

Спойлер

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">

  <div id="owl-example" class="owl-carousel owl-theme" style="display: block; opacity: 1;">

      <?php foreach ($products as $product) { ?>
      <div class="item">
        <?php if ($product['thumb']) { ?>
        <div class="image">

      <?php if ($product['price']) { ?>
        <?php if (!$product['special']) { ?>
        	<?php } else { ?>
	<span class="sale">-<?php echo $product['saving']; ?>%</span>
        <?php } ?>
      <?php } ?>

	<a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
        <?php } ?>
	
	<div class="info">
        <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
        <?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div>
        <?php } ?>
        <?php if ($product['rating']) { ?>
        <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
        <?php } ?>
        <div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
	</div>

      </div>
      <?php } ?>



    </div>
  </div>
</div>

<script>
$(document).ready(function() {
  $("#owl-example").owlCarousel({

    // Отображение
    itemsCustom : [[0, 1], [461, 2], [750, 3], [1000, 4], [1200, 5]],

    //Скорость прокрутки
    slideSpeed : 500,
    paginationSpeed : 800,
    rewindSpeed : 1000,

    //Автопролистывание
    autoPlay : false,
    stopOnHover : false,

    // Кнопки навигации < >
    navigation : true,
    rewindNav : true,
    scrollPerPage : false,  // сразу в конец или начало
 
  });
});
</script>

 

[OA-12345]

Owl-Carousel - как отключить скрипт при определенном усл

Вот решение, может пригодится кому))

$(document).ready(function () {
if (!$("#owl-example").parents("#column-left").length) {
$("#owl-example").owlCarousel({});
}
});