Webflow nest
Nest any Webflow element inside another Webflow element
Demo
Instructions
Make sure you have the VisualDX script in your <head>. Checkout the Quick Start for how to do this.
Prerequisite: Set up 2 CMS Collections and bind them with a Reference field or a Multi-refrence field
In the CMS Collection List I want to nest another CMS Collection List:
Add a link or a link block to the CMS Collection Item and give it an attribute of vdx-nest-link
** This link will be replaced with the nested content**
Give the attribute any value. i.e. vdx-nest-link="card"
In the Link Settings choose the purple Collection page link option and choose Current Item
The CMS Collection List I want to nest:
Go to the CMS Collection Page of the CMS Collection List I want to nest.
Add the attribute vdx-nest-this to the CMS Collection List or CMS Collection Items you want to nest.
Give the vdx-nest-this attribute the same value as the vdx-nest-link attribute.
if vdx-nest-link="card" then vdx-nest-this="card"
Publish and test.