Подключение owl к WP?

Question

[Даниил Вершинин]

Подключаю так:

wp_enqueue_style('shop6sotok-owlmincss', get_template_directory_uri() . '/owl/css/owl.carousel.min.css');
wp_enqueue_style('shop6sotok-owlminthemecss', get_template_directory_uri() . '/owl/css/owl.theme.default.min.css');
wp_enqueue_style( 'shop6sotok-style', get_stylesheet_uri() );
wp_enqueue_script( 'jquery');
wp_enqueue_script( 'shop6sotok-owljs', get_template_directory_uri() . '/owl/owl.carousel.min.js', array('jquery'), '20151215', true );

На странице все подключается, но при тестировании не работает:

<div class="owl-carousel owl-theme">
    <div class="item"><h4>1</h4></div>
    <div class="item"><h4>2</h4></div>
    <div class="item"><h4>3</h4></div>
    <div class="item"><h4>4</h4></div>
    <div class="item"><h4>5</h4></div>
    <div class="item"><h4>6</h4></div>
    <div class="item"><h4>7</h4></div>
    <div class="item"><h4>8</h4></div>
    <div class="item"><h4>9</h4></div>
    <div class="item"><h4>10</h4></div>
    <div class="item"><h4>11</h4></div>
    <div class="item"><h4>12</h4></div>
</div>

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

Использую Underscorses

Comments

[doweb]

А вы свой скрипт подключили с инициализацие карусели?

[Даниил Вершинин]

Konstantin, не понял..

[doweb]

wp_enqueue_style('shop6sotok-owlmincss', get_template_directory_uri() . '/owl/css/owl.carousel.min.css');
wp_enqueue_style('shop6sotok-owlminthemecss', get_template_directory_uri() . '/owl/css/owl.theme.default.min.css');
wp_enqueue_style( 'shop6sotok-style', get_stylesheet_uri() );
wp_enqueue_script( 'jquery');
wp_enqueue_script( 'shop6sotok-owljs', get_template_directory_uri() . '/owl/owl.carousel.min.js', array('jquery'), '20151215', true );

Я вижу только подключение:
-owl.carousel.min.css
-owl.theme.default.min.css
-ваши совбственные стили css
-jquery
-owl.carousel.min.js

Где ваш файл, в котором инициализирована карусель? В каком файле этот код?

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

Answer 1

[alvvi]

Откройте консоль и вставьте туда

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

Сработало? Значит вы сам скрипт забыли подключить.
Нет? Значит все же owl не подключился или что-то еще, консоль подскажет.