Magento – Image / product slider not working only on Magento Frontend Homepage

homemagento-1.9slider

I have developed new home page. As one of the internal pages.But when I tried to move it into the initial location (home url).I found that top banner is not working and product slider as well. All internal pages of my website show the image slider, and the product slider without any problems, but the homepage is not displaying it. Can somebody help me to find what is wrong.

Console shows js error: Uncaught TypeError: $(…).hammer is not a function.

Home page: http://www.byrneandohanlon.com/emerald/

Internal page (home page preview) fully working: http://www.byrneandohanlon.com/emerald/new_home

Best Answer

I found what was wrong, some strange peace of code in the js file, that was causing jquery not to load properly. Once I have removed the .hammer() which was located just before the function name. Everything went back to normal.

Related Solutions

Magento 1.9 – Fix Custom Block (Slick Slider) Not Working

try this may be it is jquery conflict

<script type="text/javascript">
var jQuery = jQuery.noConflict()
    var slider = jQuery(".home_slider");
    slider.on('init', function(){ 
        alert('fire in the hole!');
    });
    slider.slick({
        initialSlide: 1,
        slidesToShow: 1,
        slidesToScroll: 1
    });
</script>

Magento Frontend Homepage – Image Slider Not Working Fix

Thanks for the links they are super helpful! Looks like on the homepage you have some JavaScript errors this would cause your slider to not initialize on the homepage hence why its hidden.

jQuery(document).ready(function($){
  jQuery('.flexsliderdd').flexslider({
    animation: "slide"
  });
});s

Remove the s Also its outputting a typeError that sequence is not a function var homeSequence = $("#homeslider-sequence").sequence(options).data("sequence");

Best Answer

Related Solutions

Magento 1.9 – Fix Custom Block (Slick Slider) Not Working

Magento Frontend Homepage – Image Slider Not Working Fix

Related Topic