- Edited
The play button is visible, and I would like to remove it and rather make each video autoplay. Does this section also support photos?
The play button is visible, and I would like to remove it and rather make each video autoplay. Does this section also support photos?
Hi Isaiah,
You can add this style to remove the play buttons but also to prevent the videos from getting clicked.
video {
pointer-events: none;
}
.ks-shoppable-videos-btn-play {
display: none;
}
You can add that code directly to the section like in the following screenshot.
But also you need to disable one line of code in the section's code to prevent the videos from getting paused on slide change.
Open the section file and find this code:
onSlideChange () {
this.querySelectorAll('.ks-shoppable-videos-card').forEach(elem => {
elem.setAttribute('data-is-playing', 'false')
elem.querySelector('video')?.pause()
})
}
Change it with
onSlideChange () {
this.querySelectorAll('.ks-shoppable-videos-card').forEach(elem => {
// elem.setAttribute('data-is-playing', 'false')
// elem.querySelector('video')?.pause()
})
}
Regarding your second question, about image support, I guess it defies the logic for the section to add support for images, but I understand that you might need to add image support there. If so you can let me know your store URL and a 4-digit collaborator code and we can adjust the section directly on your store.
Thank you. It worked out just like I wanted it to. Also for the image part of my question; I had found an alternative and I appreciate the help.