Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Portfolio images not scrolling

    • 7 years, 11 months ago craftech
      Participant

      Expired

      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.

    • 7 years, 11 months ago Ludjon
      Keymaster

      Hello,

      Send me a link, please.

      Thanks

    • 7 years, 11 months ago craftech
      Participant

      Expired

      https://DDSCustom.com

    • 7 years, 11 months ago craftech
      Participant

      Expired

      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?

    • 7 years, 11 months ago Mirela
      Participant

      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/axeb0d

      Let us know.

      Best regards!

    • 7 years, 11 months ago craftech
      Participant

      Expired

      The code change did not work. I think that’s because what I’m using is the portfolio function and not the gallery function.

    • 7 years, 11 months ago Mirela
      Participant

      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!

    • 7 years, 11 months ago craftech
      Participant

      Expired

      No, this didn’t work either.

    • 7 years, 11 months ago craftech
      Participant

      Expired

      Hello, still waiting to hear back from you on this.

    • 7 years, 11 months ago Mirela
      Participant

      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!

    • 7 years, 11 months ago craftech
      Participant

      Expired

      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.

    • 7 years, 11 months ago craftech
      Participant

      Expired

      I figured out how to deregister and register the new script. We can close this ticket. Thanks.

Viewing 11 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password