Testimonial Slider (Debut Theme)

Excursionist
54 0 1

Hi guys,

I have testimonials added to my store. Unfortunately Debut Theme only shows 3 of them in the Desktop version and only one on mobile. 

Can somebody guide me on making the testimonials auto-scroll? I'd also like to add dots or arrows so the user knows they can navigate through them as well. 

Bildschirmfoto 2019-11-07 um 11.15.47.pngBildschirmfoto 2019-11-07 um 11.16.05.png

Thanks guys!!

URL: www.beerstock.de

0 Likes
Shopify Expert
665 170 199

Hi, @qcombo ,

This is Evita from On The Map.

 

How did you implement the slider? Did you edited the code or used some app? It looks like the arrows are disabled in Javascript.

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Shopify Expert
2496 417 525

Hi @qcombo 

You have already dot but not showing due to some code affected.

Add this css in asset->theme.scss file at bottom:

.quotes-wrapper .slick-dots button{background: #b87d4f;    border-radius: 50%;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Excursionist
54 0 1

@Jasoliya wrote:

Hi @qcombo 

You have already dot but not showing due to some code affected.

Add this css in asset->theme.scss file at bottom:

.quotes-wrapper .slick-dots button{background: #b87d4f;    border-radius: 50%;}

 



Hi 

0 Likes
Shopify Expert
2496 417 525

Add this css:

 

.quotes-wrapper .slick-dots{     margin-top: 10px;  }
.quotes-wrapper .slick-dots button,.quotes-wrapper .slick-dots li button:before{height: 10px; width: 10px;}

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like

Thank you @Jasoliya! These 2 snippets were helpful.

0 Likes
New Member
4 0 0

hi @Jasoliya this is super helpful! is it possible to highlight or change the color of the dot that corresponds to the testimonial? for example, if the second testimonial is shown, make the second dot a different color or have it highlighted.

0 Likes
Shopify Expert
2496 417 525

Send your store url i will check

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes