-
-
Have portfolio images on the homepage in the hero area. Carousel set to on. Arrows aren’t showing up and images aren’t scrolling left to right.
-
-
-
I added more items and the navigation is working now. However, we’d like to have the items automatically advance from left to right. Is that possible?
-
Hello,
You can make it autoplay but the direction will be right to left. To do so go to file js/codeless-main.js and find this block of code:
https://codeshare.io/2EMPKP
Edit to this:
https://codeshare.io/axeb0dLet us know.
Best regards!
-
The code change did not work. I think that’s because what I’m using is the portfolio function and not the gallery function.
-
Hello,
Sorry for the late reply.
Please try this out instead. In file js/codeless-main.js, find this block of code:/** * Isotope Portfolio Init * used on Customizer too * * @since 1.0.0 */ CL_FRONT.isotopePortfolioGrid = CL_FRONT.init_cl_portfolio = function( $el ) { "use strict"; $( '#portfolio-entries' ).each(function(){ if( $(this).hasClass('cl-carousel') ) CL_FRONT.components.Carousel( $( this ) ); else if( $(this).hasClass('cl-justify-gallery') ) CL_FRONT.components.JustifyGallery( $( this ) ); else CL_FRONT.components.Isotope( $( this )); }) };
Edit to this:
/** * Isotope Portfolio Init * used on Customizer too * * @since 1.0.0 */ CL_FRONT.isotopePortfolioGrid = CL_FRONT.init_cl_portfolio = function( $el ) { "use strict"; $( '#portfolio-entries' ).each(function(){ if( $(this).hasClass('cl-carousel') ) CL_FRONT.components.Carousel( $( this ) ); else if( $(this).hasClass('cl-justify-gallery') ) CL_FRONT.components.JustifyGallery( $( this ) ); else CL_FRONT.components.Isotope( $( this )); autoplay: true, loop: true }) };
Let us know.
Best regards!
-
-
Hello, still waiting to hear back from you on this.
-
Hello,
Sorry for the late reply.
I edited out the code to this:/** * Isotope Portfolio Init * used on Customizer too * * @since 1.0.0 */ CL_FRONT.isotopePortfolioGrid = CL_FRONT.init_cl_portfolio = function( $el ) { "use strict"; $( '#portfolio-entries' ).each(function(){ if( $(this).hasClass('cl-carousel') ) CL_FRONT.components.Carousel( $( this ) , { loop:true, autoplay:true, autoplayTimeout:1000 //autoplayHoverPause:true }); else if( $(this).hasClass('cl-justify-gallery') ) CL_FRONT.components.JustifyGallery( $( this ) ); else CL_FRONT.components.Isotope( $( this ) ); }) };
–
autoplayTimeout:1000
-> set up the speed of scroll by changing this value;
–//autoplayHoverPause:true
->remove the double slash (//) if you want the carousel to stop auto scroll on mouse hover.Let us know.
Best regards!
-
This looks great. However, shouldn’t this be in the child theme so that when the next update pushes out it works again?
I changed the parent theme folie/js/codeless-main.js file back to the original code and edited folie-child/js/codeless-main.js but the change isn’t working. Please help.
-
I figured out how to deregister and register the new script. We can close this ticket. Thanks.
-
You must be logged in to reply to this topic.