Product Video auto play and video icon does not come on thumbnail

Danish864
Excursionist
21 1 7

Hi ,

I have videos for every product but thumbnail does not show it's a video (video icon not showing) . Also videos not playing automatically. I have video with every product first come all the images and in last video come.  customers can not see we have video for the product. i need help with this.

Here is my store link https://rsmf99yzo9s9ldjg-46390837405.shopifypreview.com

no video icon thumbnailno video icon thumbnail

 

 

 

 

 

 

 

@Kinjaldavra @Hardik29418 @AlexHodzitsky @dmwwebartisan @KetanKumar @PageFly-Victor 

Replies 3 (3)

KetanKumar
Shopify Partner
36855 3637 11981

@Danish864 

sorry for this issue product page video doesn't automatic show icon on thumb please add custom icon on thumb

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
LitExtension
Shopify Partner
4860 1002 1144

Hi @Danish864

- Icon video: You need to add icon for the video thumbnails. Means at the line "for product.media" you need to check if for the case that the media is video. Refer https://i.imgur.com/ZxFcggz.png

Code check: {%- if media.media_type == 'video' or media.media_type =='external_video' -%}{%- endif -%}

All will usually be in a file called product-template.liquid.

- Auto play: You will need to add JS to catch the click event on video thumbnails. It will not be able to guide, you need to contact the owner of the theme.

Or you can read the manual: https://shopify.dev/tutorials/add-theme-support-for-rich-media-3d-and-video

Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
mel30
Shopify Partner
98 2 24

Hey @KetanKumar 

 

I have added the custom playicon so that it displays on thumb. It displays on the main image but not on thumb

{% if media.media_type == 'video' %}
<div class="play-icon-overlay"></div>
{% endif %}

What could be the issue

Here is the store link: https://uaaw831h0fjx8qcn-13017972795.shopifypreview.com
Product: https://www.athreyaherbs.com/products/organic-neem-leaf-powder-azadirachta-indica


Not familiar with Java script Thank you for your support. 🙂