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

Slow down Testimonials Cycle

cycledurationspeedTestimonials
    • 6 years, 3 months ago alpenzone
      Participant

      Expired

      How do I slow down the testimonials cycle please?

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      Go to the testimonial options > Duration of Item View. See screenshot: https://ibb.co/cbS9S9Q

      Best regards!

    • 6 years, 3 months ago alpenzone
      Participant

      Expired

      Thanks for the suggestion but I’m using the Testimonial ‘Cycle’ and not ‘Carousel’ version.  For The ‘Cycle’ version I can’t see any way of adjusting the duration.

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      You are right. The duration option is not present in testimonial Cycle. You can add it in theme code as advised in this other ticket of yours: https://support.codeless.co/?topic=testimonial-cycle-speed

      Or add it as an option by making these changes:
      1-Open file includes/core/codeless_elements.php
      Find these lines:
      https://codeshare.io/axjreM
      Edit to these:
      https://codeshare.io/GqqbNq

      2-Open file vc_templates/testimonial_cycle.php
      Edit all code to this:
      https://codeshare.io/5zxjXO

      3-Open file js/main.js

      Find this function:

      /* ---------------------------- Testimonial Cycle ----------------------------- */
      
      function testimonialsCycle(){
      	"use strict";
          var $ = jQuery.noConflict();   
      	$('.testimonial_cycle').each(function(){
      		var $self = $(this);
      		var container_width = $self.parents('.wpb_wrapper').first().width();
      		$('.item', $self).width(container_width+'px');
      
      		loadDependencies( [ codeless_global.FRONT_LIB_JS + 'jquery.carouFredSel-6.1.0-packed.js'], function(){
      			$self.carouFredSel({
      							
      				auto: true,
      				scroll: { items : 1, fx: 'fade'  },
      
      			});
      		});
      
      	});
      }

      Edit to this:

      /* ---------------------------- Testimonial Cycle ----------------------------- */
      
      function testimonialsCycle(){
      	"use strict";
          var $ = jQuery.noConflict();
          var c_duration = $self.data('duration');
      		if(c_duration == 'undefined')
      			c_duration = 500;
      	$('.testimonial_cycle').each(function(){
      		var $self = $(this);
      		var container_width = $self.parents('.wpb_wrapper').first().width();
      		$('.item', $self).width(container_width+'px');
      
      		loadDependencies( [ codeless_global.FRONT_LIB_JS + 'jquery.carouFredSel-6.1.0-packed.js'], function(){
      			$self.carouFredSel({
      							
      				auto: true,
      				scroll: { items : 1, fx: 'fade', duration: c_duration  },
      
      			});
      		});
      
      	});
      }

      Best regards!

Viewing 3 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