Support » Plugin: Autoptimize » optimize JS breaks owlcarousel.js

  • Hey there…i have some problems using autoptimize.

    When i click on optimize javascript all slider of my theme running with owlcarousel ( woocommerce product image zoom, variation images / blog post slider and so on ) are broken

    for example

    Uncaught TypeError: jQuery(…).owlCarousel is not a function
    at (index):293

    I use the xstore theme

    Do u have any idea to fix that problem…i searched on google a lot of time without any solution for me

    Thank u very much 🙂

Viewing 15 replies - 1 through 15 (of 22 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    you’ll probably have to exclude the owlCarousel from JS optimization (cfr. FAQ for generic info on how to exclude).

    Thread Starter schubfaktor

    (@schubfaktor)

    hey..thanks…but i have tested excluding that js, it doesnt work…the problem is stll there

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    do you have “also aggregate inline JS” active? can you deactivate?

    if that doesn’t help; can you check for JS errors on the browser console again? are those the same or different?

    Thread Starter schubfaktor

    (@schubfaktor)

    hey…inline js is always deactivated….cause it breaks the whole site

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, so after having excluded the owlcaroussel’s JS, what JS errors do you see on the browser console?

    Thread Starter schubfaktor

    (@schubfaktor)

    for blog post slider carousel

    Uncaught TypeError: jQuery(…).owlCarousel is not a function
    at ?removed_item=1:267

    for thumbnail woo product variation images

    Uncaught TypeError: jQuery(…).owlCarousel is not a function
    at (index):126

    also all cross selling product proposals / recent products and so on are visible as full images…….no carousel slider are working

    thank u 🙂

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    the same error? hmmm .. can you share your site’s URL?

    Thread Starter schubfaktor

    (@schubfaktor)

    Check on http://www.shine-welt.net

    Thank you very much

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    ok, can you try excluding themes/xstore/js/head.min.js (the Owlcarousel JS seems to be in there)?

    Thread Starter schubfaktor

    (@schubfaktor)

    Hey….i have tried that…but the problem is still there….hmm

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    well, weirdness;
    * I don’t see the excluded JS-file in your HTML source
    * but I don’t see the JS-error any more
    * and all seems to work now?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    ah, and now I get that Owlcarousel error again. can you double-check your JS optimization exclusions @schubfaktor? it’s a comma-separated list, be default it has seal, js/jquery/jquery.js and in your case you’d have (at least) js/jquery/jquery.js, themes/xstore/js/head.min.js.

    Thread Starter schubfaktor

    (@schubfaktor)

    now i have this in excluding list

    seal.js,jquery.js,front_comprssd.js,head.js,head.min.js,owlcarousel.js

    but all carousel slider and thumbnail image slider are broken

    Thread Starter schubfaktor

    (@schubfaktor)

    ah i see

    now i have

    seal.js,jquery.js,front_comprssd.js,head.js,themes/xstore/js/head.min.js,owlcarousel.js

    the blog post slider works now fine…….

    but the product image is a little bit confusing ( see the red x on that image below )

    http://prntscr.com/g33b9m

    error code says

    Failed to load resource: the server responded with a status of 403 (Forbidden)

    • This reply was modified 4 years, 11 months ago by schubfaktor.
    Thread Starter schubfaktor

    (@schubfaktor)

    or this

    Uncaught SyntaxError: Unexpected token <

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘optimize JS breaks owlcarousel.js’ is closed to new replies.