Solved

Change Testimonials from Sliding to Fading

suvadesign
Tourist
5 1 1

Hoping a Shopify master help me figure out this seemingly simple transition... change testimonials from sliding to fading. The "Customize" area does not have options to change transition animation for testimonials (it has that for slide shows but not testimonials). I would be happy to Edit Code if I knew which Asset to edit (I am assuming its a js file)

Any help would be greatly appreciated and hope will also help many other store owners who would like that option for their testimonials.

***

If it helps the javascript file that our store has is called app.js.liquid
And CSS is Styles.scss.liquid

Accepted Solution (1)

suvadesign
Tourist
5 1 1

This is an accepted solution.

Since I got no answers, I found a solution on my own.

In case this helps someone else, I was able to do it using CSS

The theme used "flickity slider" so this worked well: https://codepen.io/gisu/pen/NYMxgg

Note: I had to change class names to match the gallery cell my theme was using but the code under /* Fade CSS */ did the trick

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
36839 3635 11972

@suvadesign 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
suvadesign
Tourist
5 1 1

Hi @KetanKumar 

Thanks for your quick reply!

The site in question is https://balkanbites.co/
You will see on the home page the testimonials section is titled "What our customers say"
The testimonials need to fade vs slide. Thank you so much, hope you can help!

suvadesign
Tourist
5 1 1

@KetanKumar
please let me know if you can help me today.

suvadesign
Tourist
5 1 1

This is an accepted solution.

Since I got no answers, I found a solution on my own.

In case this helps someone else, I was able to do it using CSS

The theme used "flickity slider" so this worked well: https://codepen.io/gisu/pen/NYMxgg

Note: I had to change class names to match the gallery cell my theme was using but the code under /* Fade CSS */ did the trick