Testimonials

- 9 years, 11 months ago Maja
  Participant
  
  Expired
  Hi, can you please advise? I want to use testimonial elements carousel or cycle but text changes to fast, no one would be able to read it, is there a place where I can adjust that? the settings for those elements open empty for me, and styling menu is just for typography, ideally for me in the carousel option the visitor could change slides with arrows at his own peace, can this be achieved? I am using business demo.
  
  Thank you
  
  Maja
  
  This topic was modified 9 years, 11 months ago by Maja.
- 9 years, 11 months ago Ruco
  Keymaster
  Hello,
  
  You can change the speed of the testimonial scrolling by editing the file /js/main.js.
  Find the lines:
  
  function testimonialsCarousel(){ "use strict"; $('.testimonial_carousel').each(function(){ var $self = $(this); $(this).carouFredSel({ auto: true, scroll: { items : 1, fx: 'fade' }, prev : { button : $self.parent('.testimonial_carousel_element').find('.prev') },
  
  and replace them with:
  
  function testimonialsCarousel(){ "use strict"; $('.testimonial_carousel').each(function(){ var $self = $(this); $(this).carouFredSel({ auto: true, scroll: { items : 1, fx: 'fade', duration:200 },//add here the duration of a testimon. prev : { button : $self.parent('.testimonial_carousel_element').find('.prev') },
  
  If you want to scroll oonly on arrow click then you must set ” auto: false” in the above code.
  
  The testimonial on business demo https://www.clipular.com/c/4750269688578048.png?k=dN5yxjV__DUpQZN6K1Mn7-OerTk doe have the navigation arrows, you must hover it and they will appear.
  
  Best regards!
- 9 years, 11 months ago Maja
  Participant
  
  Expired
  
  Thank you, will give it a try
- 9 years, 11 months ago Maja
  Participant
  
  Expired
  
  I am obviously an amateur here, so sorry for all my questions, (I went for codeless because of that, hah) when I change this js file, or when I add sth to style.css file, after updating the theme, I guess I will have to do it again, or is there a way to keep those changes while updating the theme?
  
  Or maybe I don’t need to update if the previous version works for me?
  
  Thanks
- 9 years, 11 months ago Ruco
  Keymaster
  
  Hello,
  
  If you have updated the theme you must do the changes again.
  
  Best regards!
- 9 years, 10 months ago James
  Participant
  
  Expired
  This is a better way to do it without editing theme files:
  
  Add this Javascript to Specular > General > extra JS
  
  jQuery( function ( $ ) { // ------------ RECONFIGURE CAROUSEL $('.testimonial_carousel').trigger("destroy"); // kill old carousel config & stop rotation $('.testimonial_carousel').each(function(){ var $self = $(this); $(this).carouFredSel({ auto: true, scroll: { items : 1, fx: 'fade', duration: 3000 }, // new duration in milliseconds prev : { button : $self.parent('.testimonial_carousel_element').find('.prev') }, next : { button : $self.parent('.testimonial_carousel_element').find('.next') } }); }); } );
- 9 years, 10 months ago Maja
  Participant
  
  Expired
  
  Hi James,
  
  Thanks so much for your reply, I will definitely give it a go
- 9 years, 10 months ago Maja
  Participant
  
  Expired
  
  Hi James,
  
  I have pasted the code in custom js code (in specular general settings) but it does not work, I know nothing about js codes, so didn’t want to play with it, I don’t see the end of two longest lines, can’t scroll that much, might that be the problem?
  
  Thanks
  
  Maja
- 9 years, 10 months ago websiteguru86
  Participant
  
  Expired
  
  Where can I find this file to edit? I am looking through all js folders and cant seem to find it. Please advise.
- 9 years, 10 months ago Maja
  Participant
  
  Expired
  
  In wordpress when you navigate to specular, then to general options and scroll down you will see custom js code , I think this is what James meant, but I have copied it there and it does not work… And I don’t know anything about js codes so can’t help any more
- 7 years, 7 months ago assand
  Participant
  
  Expired
  
  I saw in the js code that it has been implemented – at least a variable has been inserted … where can it be set … ?
- 7 years, 7 months ago Mirela
  Participant
  
  Hello,
  
  @assand, there is no need to make the js changes anymore. The testimonials element has the duration option included int the element’s settings. See screenshot. Just set the duration time here.
  
  Let us know.
  
  Best regards!

Viewing 11 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login