Testimonial scroll / slider

Can you send me your site link to see ?

Hi Softound, thank you for the reply. I have added a link below:

https://www.twistedsystem.net

For the Testimonials at the moment i have added a row and had to split it into 4 and then added each one separately as a service widget. this seems to work… but want an option now to be able to scroll / slider along to see more.

Thank you again for you help.

is it ok? if you have the testimonials like the services

I was hoping i could keep the look of the testimonials as they are but just add in the feature that would allow you to scroll to the next set of 4 and so on. Same with the logos at the bottom… i only want ppl to be able to see 4 then have the option to scroll to see more if they want.. or have them on a timed slider feature.

Just nor sure if this theme has that option? or if i require custom CSS or need to purchase a plugin in to achieve this.

Do you need scroll vertically or horizontally ?

if you have any example, please send me link

Ideally scroll horizontally.

I have attached a couple of web sites thats have a similar idea –

https://www.computerrepair-uk.com/

and

https://issuu.com/

Would like the design i have to remain but have the scroll arrows they have so i have the option of adding more over time. or a slider effect so they move by themselves.

Try this CSS

body.home.page #pg-31-3{
overflow-x: scroll;
margin-bottom: 20px;
}

Hello there,

4 testimonial items with scrolling

Try to use single “Sydney FP: Testimonials” widget. In the field that says “Number of testimonials to show”, put -1. Then do the following:

1. Open the js/main.js in your code editor, then copy the whole content of it; then paste it into js/main.min.js. So it will be more readable
2. Find the following code:

var testimonialCarousel = function(){
	if ( $().owlCarousel ) {
		$('.roll-testimonials').owlCarousel({
			navigation : false,
			pagination: true,
			responsive: true,
			items: 1,
			itemsDesktop: [3000,1],
			itemsDesktopSmall: [1400,1],
			itemsTablet:[970,1],
			itemsTabletSmall: [600,1],
			itemsMobile: [360,1],
			touchDrag: true,
			mouseDrag: true,
			autoHeight: true,
			autoPlay: $('.roll-testimonials').data('autoplay')
		});
	}
};

3. Change the items option’s value into 4. So it will look like the following:

var testimonialCarousel = function(){
	if ( $().owlCarousel ) {
		$('.roll-testimonials').owlCarousel({
			navigation : false,
			pagination: true,
			responsive: true,
			items: 4,
			itemsDesktop: [3000,1],
			itemsDesktopSmall: [1400,1],
			itemsTablet:[970,1],
			itemsTabletSmall: [600,1],
			itemsMobile: [360,1],
			touchDrag: true,
			mouseDrag: true,
			autoHeight: true,
			autoPlay: $('.roll-testimonials').data('autoplay')
		});
	}
};

4. You might want to minify this JS file here

5. Save changes. Then update it via FTP or cPanel

You would need to clear your browser’s cache before reloading your site.

Scrolling clients

Apologies, this feature isn’t supported by the theme’s core at the moment.

Regards,
Kharis

Hi Kharis Sulistiyono, thank you very much for the quick reply.

I’m not really switched on with the whole coding side of things… so i little lost when it comes to doing the tweak you mentioned.

Where do i find the js/main.js section for example? to even begin giving this a go ??

Hello there,

Download the Sydney theme package to your drive, then start editing locally in your computer using code editor application like Notepad++ or Atom. Once you’re done, update the respective file in your host via FTP. The file path is usually public_html/wp-content/themes/sydney/js/main.min.js

Regards,
Kharis

Yeah thats.. def beyond my expertise ?? i’m afraid i’ll mess something up. Think i may have to just leave it for now.

Try this for quick solution

body.home.page #pg-31-3{
overflow-x: scroll;
margin-bottom: 20px;
}

That worked.. kinda of… i now have a scroll bar at the bottom. The only issue now is how do i add more testimonials so you can use the scroll bar to go through them?

I have added the testimonials by using the Sydney testimonial section.. then add a row to the front page but cut it into 4. The added each testimonial so it views 4 individual.

Have tried cutting the row further into 8… but just adds them all to the same page crushed.

I have tried leaving the row as a whole and doing the whole -1 so that it views all testimonial. The issue with that is it shows just one but with a slider option. would rather see 4 on the page.

Hope the info helps.

this is how it looks when you do the -1 show all.

After something like this… but have it show 4 at a time. Is there something in the Theme i can tweak to achieve this. That doesn’t require to much skill ??

https://www.twistedsystem.net/