I have a “Master” CMS collection which contains a reference to CMS Collection B(which is a 2X2 background vid grid with a Div Block that contains a Thumbnail Image and a Code Embed(background vid).
In the “Master” CMS collection page template, I am able to create another grid and access the 4 Thumbnail Images from CMS Collection B. But I don’t know how to access the Code Embed element from this same CMS collection.
Also, I have a hover animation on the “container” of this thumbnail+Code Embed in CMS Collection B page template, but it is not showing up on the Master CMS collection page. Will I have to redo this animation in the Master CMS Collection Page?
Someone on reddit told me to add a rich text to the Master CMS collection, paste the code there, then bind that rich text CMS field to a rich text element on Master CMS page. So I did that, but was still not able to get the embed code to show up on the page.(last pic)
Misawa that means on the published site.
Custom scripts and embeds generally don’t render in the designer.
You might be able to see them in Preview mode if you turn code preview on.
However looking at the code you’ve pasted into your embed, your setup won’t work because you’re trying to embed custom fields inside of a static code embed. You can see the {{ wf { fields here.
What you want in this approach is to paste in your your static HTML.
If all of the embeds are almost the same, e.g. vdeo elements where the only thing different is a URL, then you want to use a standard Embed for the code, and store only those changing parts in CMS fields. That’s when you’d use +add field to data-bind that CMS content into the Embed code.
When you look at the Embed inside of the Rich Text element, you can see that it does not have the +Add Field option at the top right, because it does not support field databinding within the embed code.
So you have to choose an approach.
If all of your embeds are different… here’s a soundcloud embed, a youtube embed, a vimeo embed, a twitter card… then the approach I gave you is easiest. Just copy-paste the embed code from whatever source, and it will work.
If all of your embeds are essentially the same, e.g. YouTube videos, then the field binding approach like you’ve done here is much better and easier to manage. In this approach you don’t need the rich text workaround, just use a standard embed like you have here and bind it to the fields you want.
I’m not sure where you are in your project, and this description of what you want to build is a little bit confusing, because CMS collections don’t have embeds.
I think you might be referring to a main page somewhere that you want to some a single vid from each of the case study collection items?
If you can show me where you are by linking the webflow.io staging page and describe what you’re wanting to show I can help you connect those dots.
I was able to find this page-
Which is where I think you are however it does not contain any standalone embeds. You might not have published yet?
Remember, in general most Embed content won’t show in the designer, so you need to publish and look at webflow.io staging or your main published site.
