JS plugin include, i postavljanje njegovih custom opcija

Bok,
evo mene ponovo s par pitanja vezanih za razvoj worpress tema…
Dakle radi se o javascript pluginu owl.carousel i ja ga registriram kroz functions.php na ovaj nacin :

function owlcarousel()
{
    // Register the script like this for a theme:
    wp_register_script( 'owlcarousel', get_template_directory_uri() . '/js/owl.carousel.js', array( 'jquery' ) );
 
    // For either a plugin or a theme, you can then enqueue the script:
    wp_enqueue_script( 'owlcarousel' );
}
add_action( 'wp_enqueue_scripts', 'owlcarousel' );

i uz ovaj plugin mi idu ove custom postavke :

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

    navigation : true,
    slideSpeed : 400,
    paginationSpeed : 800,
    autoPlay : 4000,
    singleItem : true,
    pagination: false
      });
    });
</script>

samo mi nije jasno, gdje da upisem ove custom postavke, dodao sam ih u footer - i ne radi, dodao sam ih u header.php, unutar head tagova - i ne radi, a dodao sam i na kraj front-page.php jer na toj stranici mi i treba - i pogadate, ne radi…

Moze li mi netko pomoci?
lp

Probaj ovako:

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

    navigation : true,
    slideSpeed : 400,
    paginationSpeed : 800,
    autoPlay : 4000,
    singleItem : true,
    pagination: false
      });
    });
</script>

Meni je ovaj trik jednom @apazinjan pokazao i radi super pa bih i tebi ovo preporucio.

Napravi zaseban JS fajl i u njega dodas ovaj custom kod

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

    navigation : true,
    slideSpeed : 400,
    paginationSpeed : 800,
    autoPlay : 4000,
    singleItem : true,
    pagination: false
      });
    });
</script>

I daj mu naziv owl-custom.js i upload ga u js od teme, tamo gdje je js od owl skripte.

Zatim ovo dodas u functions.php

 function owl-carousel() {


        wp_register_script(
            'owl-script',
            get_template_directory_uri() . '/js/owl.carousel.js',
            array( 'jquery' )
        );

        wp_enqueue_script(
            'owl-carousel',
            get_template_directory_uri() . '/js/owl-custom',
            array( 'owl-script' )
        );

}

add_action( 'wp_enqueue_scripts', 'owl-carousel' );  

Samo da napomenem,a nadam se da znas, da u JS fajl ne idu script tagovi.


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Profit Monkey