Removing video controls in product - Studio Theme

Technical Q&A
1

Hi There,

I know to remove video controls on my videos within the product pages/images I need to remove the controls=“controls” code.

Is anyone able to point me in the right direction as to where exactly I should find the code to remove so it applies to all of my videos? For the life of me I just can’t seem to locate it!

Tanks

Example.JPG
Example.JPG854×117 29.4 KB

2

Hello @hnt88 ,

These controls are usually injected dynamically, they’re not hardcoded into the theme. Please share the store’s URL so we can provide further assistance.

Kind regards,
Diego

3

Hi @hnt88 ,

Just set the controls to false to hide the controls. Follow the instructions below.

  1. Go to Admin > Online store > Themes > Actions > Edit code
  2. Go to Snippet folder, and open the product-thumbnail.liquid file
  3. Find the controls and set it to false.

made4Uo_0-1656141887020.png
made4Uo_0-1656141887020.png2507×1260 439 KB

NOTE: If you are using external video, they are rendered using iframes. You can try adding controls: false next to the loop. See image below for reference

made4Uo_1-1656142032757.png
made4Uo_1-1656142032757.png2547×1410 474 KB

2 Likes
4

Thanks for that Made4Uo. I did that at first and it didn’t work…maybe I was mixing the windows up with the unpublished preview and the published previews and hadn’t realised it.

Much appreciated!

1 Like
5

Hello,

Is there a way to display only the volume controls to this code?