Shopify themes, liquid, logos, and UX
Hello,
Can someone please help me with the video in media gallery on Dawn theme?
When I click on the video, it plays, but it's automatically muted.
I tested out the Prestige theme, and their videos in the media gallery play sound when you click on them.
Any help would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
Solved it myself.
Added " muted: false " to product-thumbnails.liquid:
{% comment %} added - muted: false {% endcomment %}
<template>
{%- liquid
case media.media_type
when 'external_video'
assign video_class = 'js-' | append: media.host
if media.host == 'youtube'
echo media | external_video_url: autoplay: true, loop: loop, playlist: media.external_id | external_video_tag: class: video_class, loading: 'lazy'
else
echo media | external_video_url: autoplay: true, loop: loop | external_video_tag: class: video_class, loading: 'lazy'
endif
when 'video'
echo media | media_tag: image_size: '2048x', autoplay: true, loop: loop, controls: true, preload: 'none', muted: false
when 'model'
echo media | media_tag: image_size: '2048x', toggleable: true
endcase
-%}
</template>
Hi, @mOONbOOTS
Can you please share the store URL so that I can assist you?
Is there no way to suggest how to do it without sharing my store URL?
This is an accepted solution.
Solved it myself.
Added " muted: false " to product-thumbnails.liquid:
{% comment %} added - muted: false {% endcomment %}
<template>
{%- liquid
case media.media_type
when 'external_video'
assign video_class = 'js-' | append: media.host
if media.host == 'youtube'
echo media | external_video_url: autoplay: true, loop: loop, playlist: media.external_id | external_video_tag: class: video_class, loading: 'lazy'
else
echo media | external_video_url: autoplay: true, loop: loop | external_video_tag: class: video_class, loading: 'lazy'
endif
when 'video'
echo media | media_tag: image_size: '2048x', autoplay: true, loop: loop, controls: true, preload: 'none', muted: false
when 'model'
echo media | media_tag: image_size: '2048x', toggleable: true
endcase
-%}
</template>
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024