I am trying to include the thisOwl Carousel slider in my Magento 1 Store Home Page. But thisthe line <script src="http://www.owlcarousel.owlgraphic.com/assets/vendors/jquery.min.js"></script> is creating an issue. Other sliders are not working.
I tried to investigate the issue. I read this postStack Overflow question: http://stackoverflow.com/questions/14708233/magento-showing-jquery-conflict-with-each-otherMagento showing jQuery conflict with each other. I found from the HTML Source Codesource code of my project Home Page that jqueryjQuery is included before prototype. I went to page.xml and head.phtml. But, but I could not foundfind where the jQuery library is added to the site.
Here is the page.xml:
<block type="page/html_head" name="head" as="head">
<action method="addJs"><script>prototype/prototype.js</script></action>
<action method="addJs"><script>lib/ccard.js</script></action>
<action method="addJs"><script>prototype/validation.js</script></action>
<action method="addJs"><script>scriptaculous/builder.js</script></action>
<action method="addJs"><script>scriptaculous/effects.js</script></action>
<action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
<action method="addJs"><script>scriptaculous/controls.js</script></action>
<action method="addJs"><script>scriptaculous/slider.js</script></action>
<action method="addJs"><script>varien/js.js</script></action>
<action method="addJs"><script>varien/form.js</script></action>
<action method="addJs"><script>mage/translate.js</script></action>
<action method="addJs"><script>mage/cookies.js</script></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.easing.1.3.js</name><params/></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.mobile.customized.min.js</name><params/></action>
<action method="addItem"><type>skin_js</type><name>js/bootstrap.js</name><params/></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.carouFredSel-6.2.1.js</name><params/></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.touchSwipe.js</name><params/></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.bxslider.min.js</name><params/></action>
<block type="page/js_cookie" name="js_cookies" template="page/js/cookie.phtml"/>
<action method="addCss"><stylesheet>css/font-awesome.css</stylesheet></action>
<action method="addCss"><stylesheet>css/jquery.bxslider.css</stylesheet></action>
<action method="addCss"><stylesheet>css/photoswipe.css</stylesheet></action>
<action method="addCss"><stylesheet>css/bootstrap.css</stylesheet></action>
<action method="addCss"><stylesheet>css/extra_style.css</stylesheet></action>
<action method="addCss"><stylesheet>css/styles.css</stylesheet></action>
<action method="addCss"><stylesheet>css/responsive.css</stylesheet></action>
<action method="addItem"><type>skin_css</type><name>css/styles-ie.css</name><params/><if>lt IE 8</if></action>
<action method="addCss"><stylesheet>css/superfish.css</stylesheet></action>
<action method="addCss"><stylesheet>css/camera.css</stylesheet></action>
<action method="addCss"><stylesheet>css/widgets.css</stylesheet></action>
<action method="addCss"><stylesheet>css/print.css</stylesheet><params>media="print"</params></action>
<action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action>
<action method="addItem"><type>skin_js</type><name>js/ie6.js</name><params/><if>lt IE 7</if></action>
</block>
Here is head.phtmlhead.phtml:
Where can I foundfind the jQuery inclusion ??
Thanks
