Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #585939

    I have the 2 questions regarding the easy slider, they have been asked earlier:

    https://kriesi.at/support/topic/easy-slider-auto-resume-after-hover-pause/

    The slide advance stops after i use the controls. The solution in https://kriesi.at/support/topic/fullwidth-easy-slider-slide-advance-stops-when-you-use-controls/ is to commenting out the lines this._stopSlideshow(); 4401, 4409 and 4431 in /enfold/js/shortcodes.js.

    But these lines don’t exist anymore. Can you tell me which lines do i have to use?
    Further; must i create a ‘js’ map in the enfold child-theme and put the shortcodes.js file in there or just in the main enfold child-theme folder?

    And can you also tell me how i can get the slider pause on hover and auto resume?

    #586981

    Hi Bilal007!

    To stop the slider on hover and auto resume goto file wp-content\themes\enfold\js\shortcodes.js

    look for ” hoverpause: false,” and change it to ” hoverpause: true”

    using a child theme to do custom modifications will help you preserve the changes after a theme update.

    http://kriesi.at/documentation/enfold/using-a-child-theme/

    If you need any help on this issue further please feel free to contact us.

    Best regards,
    Vinay Kashyap

    #587243

    Hi Vinnie,

    Thanks for answering a part of my question.

    The part below is still unanswered:

    The slide advance stops after i use the controls. The solution in https://kriesi.at/support/topic/fullwidth-easy-slider-slide-advance-stops-when-you-use-controls/ is commenting out the lines this._stopSlideshow(); 4401, 4409 and 4431 in /enfold/js/shortcodes.js.

    But these lines don’t exist anymore. Can you tell me which lines do i have to use?

    Further; must i create a ‘js’ map in the enfold child-theme and put the shortcodes.js file in there or just in the main enfold child-theme folder?

    Can you assist me in answering these two questions?

    #587846

    Hi!

    We are working on your ticket please wait while we update the results here soon.

    If you are going to create the child theme you need to make sure the folder structure in child theme matches the folder structure in main theme.

    The js code has been updated give us a little time we will look into it and keep you posted which line to comment out.

    Best regards,
    Vinay Kashyap

    • This reply was modified 8 years, 10 months ago by Vinay.
    #611753

    Hi,
    I am also interested in a solution of this issue.
    Is there any progress on this?
    Thanks
    Michael

    #613706

    @mleonhard
    Did you try it with Enfold v3.5.2 and newest WordPress version?

    Regards,
    Andy

    #613713

    Hi,
    I have the latest Enfold, but want to wait a couple of days with updating to WordPress 4.5.
    With Enfold v3.5.2 the issue persists, after clicking on the slider the slider does not resume.
    Here is my site: http://hi-flyfoto.de/

    Thanks
    Michael

    #615715

    Hey!

    I’m sorry but I’m not sure what’s the point of doing this. Users will use the slider navigation if they want to see the next or previous image immediately and there’s a huge chance that they will just ignore the auto rotation after seeing the entire slides. They will probably go to another page or scroll down to see the entire page content. If you really need to do this, please modify the js > shortcodes.js file then look for this code around line 4769:

    // public method: shows next image
    		next : function(e)
    		{
    			e.preventDefault();
    			this._stopSlideshow();
    			this._navigate( 'next' );
    		},
    
    		// public method: shows previous image
    		previous : function(e)
    		{
    			e.preventDefault();
    			this._stopSlideshow();
    			this._navigate( 'prev' );
    		},

    .. replace it with:

    // public method: shows next image
    		next : function(e)
    		{
    			e.preventDefault();
    			this._stopSlideshow();
    			this._navigate( 'next' );
    			this.play();
    		},
    
    		// public method: shows previous image
    		previous : function(e)
    		{
    			e.preventDefault();
    			this._stopSlideshow();
    			this._navigate( 'prev' );
    			this.play();
    		},

    Regards,
    Ismael

    #615779

    Hi
    Great thank you, that does the trick.
    While I agree most visitors probably won’t notice, I think this is a more elegant solution,
    if the slider resumes after the visitor does not interact with it anymore.
    One small gripe though (sorry). I have set the interval to 3 seconds.
    After the slider resumes the interval is much quicker, next image appears pretty much immediately.
    Perhaps you also have an idea about this?

    Thanks
    Michael

    #617252

    Hey!

    Please replace the code with:

    // public method: shows next image
    		next : function(e)
    		{
    			e.preventDefault();
    			//this._stopSlideshow();
    			this._navigate( 'next' );
    		},
    
    		// public method: shows previous image
    		previous : function(e)
    		{
    			e.preventDefault();
    			//this._stopSlideshow();
    			this._navigate( 'prev' );
    		},

    Cheers!
    Ismael

    #617299

    Excellent!
    Thank you very much.

    Michael

    PS I have just noticed that clicking on a bullet to go directly to a slide still stops the slideshow.
    So I in the section “// public method: goes to a specific image” have changed
    this._stopSlideshow();
    to
    //this._stopSlideshow();
    and that solves it. Perhaps someone else also finds this useful.

    #618095

    Hi!

    Great! Thanks for sharing. :)

    NOTE: Please create a change log or a note about this modification because it will be overwritten when you update the theme.

    Best regards,
    Ismael

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Easy slider slide advance stops when you use control and auto resume after hover’ is closed to new replies.