How can the Short Video on the product page be displayed like this? Yuva theme.
This is what it looks like now. It’s small and the video playback experience is very poor：
This is what I want. Three videos are displayed in one line with rounded corners and borders. The rest can be swiped left and right for display：
Store URL if need: 5c252b-bc.myshopify.com
Hey @OneChefOn ,
In order to make the video slider same like reference requires to do the custom code in your theme file.
Would you like to share the store collab code along with reference website in the p/m so that I can take a look and make it same like the reference one.
Thanks
@OneChefOn , hey, thanks for posting here.
As far as I know, they have created this custom section using product metafields.
They are displaying the videos added through metafields on the front page of the product.
If these were social videos, it could have been done through an app, but this is custom work, which can take quite a bit of time.
Hi @OneChefOn ,
Please copy the below CSS to increase the height and width of the video. The 4 videos will look good too -:
.product-video-link {
width: 115px !important;
height: 115px !important;
}
Please let me know if you’re stuck somewhere. Feel free to message me or reply here.
Thank you for your willingness to help me. The product is currently off the shelves for modification. I will reply to you immediately if needed.
Ok, I see. Thank you so much for your detailed reply.
Thank you for your reply. This has indeed increase the height and width of the video.
