-
AuthorPosts
-
February 11, 2021 at 5:40 pm #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?
February 15, 2021 at 3:12 pm #1280558Hey 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();
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,
MikeFebruary 16, 2021 at 12:37 am #1280661Hi there,
Please see below for login credentials.
Thanks!
February 16, 2021 at 1:56 pm #1281323Hi,
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,
MikeFebruary 16, 2021 at 6:48 pm #1281460Looks and performs great! Thanks for your help!!!
February 16, 2021 at 8:31 pm #1281524Hi vantagepointmg,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaFebruary 18, 2021 at 7:29 pm #1282044Just a follow-up question on this, how do I keep the PHP updates that you guys did after updating the theme?
Thanks!
February 19, 2021 at 6:49 am #1282138Hi,
There were made in a child theme so they should be safe even with a parent theme update.
Best regards,
Jordan ShannonMarch 2, 2021 at 7:04 pm #1284849Hi there,
I just updated Enfold and WordPress and it appears the slider is no longer automatically transitioning after clicking. Please advise.
Thanks!
March 3, 2021 at 1:24 pm #1285014Hi,
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,
MikeMarch 22, 2021 at 7:00 pm #1289688Hi 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.
March 24, 2021 at 2:08 pm #1290121Hi,
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,
MikeMarch 24, 2021 at 6:16 pm #1290193Hello 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!
March 24, 2021 at 6:47 pm #1290197Nevermind, it looks like the “Stop Autorotation with the last slide” option was checked. It’s working as expected.
Thanks for all your help!
March 25, 2021 at 12:23 pm #1290360Hi,
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 -
AuthorPosts
- The topic ‘Fullscreen Slider – Continue Automatic Rotation After Click’ is closed to new replies.