Video elements

Hi @fergie77
Not yet.. but you can use li-settings:custom
Hear is an example of how you can use it: https://www.liquify.pro/docu/getting-started#Liquid-Settings#setting-elements

and here’s the Schema for a Video Setting: https://shopify.dev/docs/storefronts/themes/architecture/settings/input-settings#video

Ohh okay! So I'd use a webflow embed, put the schema in to create the settings inside shopify. Would that embed then become the video object or do I have to link the schema to the video element in webflow?

To Access the Video you need to reference the Setting where you Need it by using li-object=“section.settings.SETTINGS-ID“
And here are the Media Filters from shopify: https://shopify.dev/docs/api/liquid/filters/video_tag

So like this: li-object=”section.settings.SETTINGS-ID | video_tag”

And if you want to use different Sizes you can Referenz to the docu

Brilliant it's working! Thanks

Also, is it possible to test the export directly to liquify from webflow yet?

Yes 🙂 can you send me a dm so i can send you the links?

Ist also necessary to use the GitHub integration

Sent!

Hey @jonas.halbstark , just checking if you got my DM?

Hey @fergie77 @jonas.halbstark would this work with using an external YouTube/Vimeo URL to embed a video in the page?
I’ve worked out the schema for the settings, but I’m unable to get the right attribute to convert to a video in the page while referencing the video URL

Hi @Rowan, i have used a iframe for that and making the src="" dynamic from a settings field

Alright I’ll give it a go.
Hope it’s alright, I sent you a dm earlier cause I noticed I would need to for GitHub and direct exporting. Thanks @jonas.halbstark

Yes sure! @Rowan @fergie77. Sorry for not replying yet but we got a bigger problem which we havent solved yet in the beta enviroment

i will invite you as soon as possible

No worries! Looking forward to giving it a go

@jonas.halbstark so I just add en Webflow Embed with the Schema ({
"type": "video",
"id": "video",
"label": "A Shopify-hosted video"
}) and then I add the liquify attribute to the embed field?

not on the embed but on a seperate div 🙂 li-object="section.settings.video | video_tag: controls: true, width: '100%'"

here is more info about the video tag: https://shopify.dev/docs/api/liquid/filters/video_tag

Thank you, I will try it

Hi @jonas.halbstark I tried it, but it doesn´t work. Do you know what I did wrong? https://preview.webflow.com/preview/gooddesk-2-0?utm_medium=preview_link&utm_source=designer&utm_content=gooddesk-2-0&preview=b591d4a7ccf27c45128c1df7a9620d22&pageId=65eebb01574038784679b767&locale=en&workflow=preview

ah trhe li-settings:custom is missing: https://www.liquify.pro/docu/getting-started#setting-elements

so you need to apply li-settings:custom="video" to the embed

Ah true, thank you, it´s working 🙂

nce