[eMaxStore] Emax Store Question

[ctd77]

I was just checking out the emax store demo. On the home page header you have the main photo at the top and 3 clickable photos right beneath that, spring sale, christmas sale, etc. Can the large top image be turned into a slider to automatically rotate between these? Can you have more than 3 images as well? 

Thanks

[Ben]

Hi,

Thanks for showing interest in our themes.

Yes, it is possible to make the top slider automatically rotate in eMaxStore, but you can't add more than 3 images in the slider.

Please let us know if you have any other questions.

[thetrumpets]

How to make the top slider automatically rotate in eMaxStore theme?

[Jitendraa]

Hello,

 

There is no Theme Option there for achieving that. You need to edit the core files for that. make sure to use Child Themes when you are editing core files.

 

Please go to wp-contents/themes/emaxstors/js/jquery.flexslider-min.js and look for this code:

jQuery('#homepage-slider').flexslider({
        animation: "fade",
        directionNav: false,
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        sync: "#homepage-slider-controls"
    });

You need to replace this with this:

jQuery('#homepage-slider').flexslider({
        animation: "fade",
        directionNav: false,
        controlNav: false,
        animationLoop: false,
        slideshow: true,
        sync: "#homepage-slider-controls"
    });

Hope that helps. Feel free to ask if you need any other help in future by opening a new thread in the Premium Support section.

 

Thank you for using MyThemeShop.

[thetrumpets]

Yes! Jitendraa, It worked. I appreciate. Thank you so much. Please let me know if it's possible to repeat the sliding. The sliding action stops after the third slide. 

[Jitendraa]

Hello,

 

Yes, it is possible. Just replace the above code with this for achieving that:

jQuery('#homepage-slider').flexslider({
        animation: "fade",
        directionNav: false,
        controlNav: false,
        animationLoop: false,
        slideshow: true,
        loop: true,
        sync: "#homepage-slider-controls"
    });

Hope that helps. Let us know if you need any other help.

 

Thank you.