Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1279815

    Hi there,

    On our website, linked in the “Private Content”, we have a Fullscreen Slider. We were wondering if it’s possible to continue the automatic image rotation even after clicking the arrows.

    Currently, once you click one of the “Control” arrows, the automatic transitions stop and you then have to manually click through the slides. Ideally, we’d like the automatic transitions to continue after the arrows are clicked. Does that make sense?

    We aren’t seeing any default ways to do this – is there CSS you can provide to fix this?

    #1280558

    Hey vantagepointmg,
    Sorry for the very late reply and thanks for the link. To allow the slider to contenue sliding after screen interaction please edit this file: \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js
    on lines 1031 & 1039 you will find: this._stopSlideshow(); please comment out like this: //this._stopSlideshow();
    2021-02-15_081046.jpg
    and then clear your browser cache and any cache plugin, and check.
    If you don’t feel comfortable doing this, please include FTP & admin access in the Private Content area and we could assist.

    Best regards,
    Mike

    #1280661

    Hi there,

    Please see below for login credentials.

    Thanks!

    #1281323

    Hi,
    Thank you for the login, I edited the file and cleared your Autoptimize and Enfold minifying cache and now the slider keeps sliding after the screen interaction.
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1281460

    Looks and performs great! Thanks for your help!!!

    #1281524

    Hi vantagepointmg,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1282044

    Just a follow-up question on this, how do I keep the PHP updates that you guys did after updating the theme?

    Thanks!

    #1282138

    Hi,

    There were made in a child theme so they should be safe even with a parent theme update.

    Best regards,
    Jordan Shannon

    #1284849

    Hi there,

    I just updated Enfold and WordPress and it appears the slider is no longer automatically transitioning after clicking. Please advise.

    Thanks!

    #1285014

    Hi,
    Thank you for the login, I don’t see that you have a child theme installed at your main domain, linked below.
    But I’m redirected from your staging site to your main domain, so I can’t login to your stagging site.
    That is ok though, for your main domain, please install a Enfold child theme, you can use the original at that link or use child theme v1.0.1 that should be included with your theme download from Theme Forest, also linked here if you don’t see it.
    The Child Theme v1.0.1 includes this function to allow you to save customize elements to your child theme in a directory named /shortcodes/ :

    function avia_include_shortcode_template( $paths )
    {
    	if( ! is_array( $paths ) )
    	{
    		$paths = array();
    	}
    	
    	$template_url = get_stylesheet_directory();
    	array_unshift( $paths, $template_url . '/shortcodes/' );
    
    	return $paths;
    }
    
    add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );
    

    So the only steps you need to take, after installing the child theme, is to create a directory /shortcodes/ in your child theme, and then add a copy of the \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\slideshow\ directory, and all the files to your child theme shortcodes directory. Then the last step is to customize the child theme instance of the \slideshow\slideshow.js as above and clear your browser cache.
    Also please note that when you install the child theme you will need to Import the parent theme options.
    Please give this a try.

    Best regards,
    Mike

    #1289688

    Hi Mike,

    Thanks for the reply!

    This is where it gets confusing for me “So the only steps you need to take, after installing the child theme, is to create a directory /shortcodes/ in your child theme, and then add a copy of the \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\slideshow\ directory, and all the files to your child theme shortcodes directory. Then the last step is to customize the child theme instance of the \slideshow\slideshow.js as above and clear your browser cache.” – I’m not familar with updating PHP/FTP at all – is this something that you could assist with?

    I created a staging site and added the login into the “Private Content” seciton.

    Let me know if you can help or not.

    #1290121

    Hi,
    Thank you for your patience, I made the adjustment for you and created a test page with a similar slider linked below, and cleared your Autoptimize and FVM cache, and it seems to work well, please clear your browser cache, a few times and check.
    Please note that clearing javascript files from your browser cache may take a couple of tries, and the reason I created the test page was because your slider rotation was slow for me to test the solution, this one is set to two seconds.

    Best regards,
    Mike

    #1290193

    Hello Michael,

    We are getting very close!

    It appears that auto rotation resumes once the controls have been clicked once. However, if you click the controls more than once, the function no longer works – the slides remain “stuck”. Can we please update it so that the function continues to work with multiple clicks on the slider controls?

    Thanks!

    #1290197

    Nevermind, it looks like the “Stop Autorotation with the last slide” option was checked. It’s working as expected.

    Thanks for all your help!

    #1290360

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Fullscreen Slider – Continue Automatic Rotation After Click’ is closed to new replies.