Hi I would like to remove the play buttons/controls from my homepage slideshow in the Origin theme. Site is https://localsummersurf.com/ – I just want it to look like images but still carousel through them. Hoping someone can help, thank you!
Caveat Slideshow UX antipatterns - refrain from removing control from the users experience for disparate slider content. It’s a user annoyance to have content change when trying to engage with it. If slides do not stop while moused over do not remove play/pause buttons. Test on mobile for touch interaction; imagine a user wanting to zoom into the image just for it to change.
This case is a good example of when it’s okay as the content(the Cta button) does not change, just the background images change.
Try the following CSS band-aid in a custom-css setting
slideshow-component .slider-button.slideshow__autoplay {
display: none;
}
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
thank you, that didn’t quite work for me to add into the css though. removing the controls will be ok with the type of content i have in the slideshow, the button is static and the same on each slide, it’s just the background that changes, so there’s no need to pause or return. it’s only 4 slides. thanks!
Hi @localsummersurf did you ever find a way to remove the indicators?