We're in beta! Don't mind the bugs.
Helpful resources
Need more help?
Check out the Webflow community.
Free Webflow templates
The best free Webflow templates.
Hire a Webflow expert
Partner with a certified expert.
Rate this answer
Good
Good
Bad
Bad
Share
All posts
Custom code

What are the main issues the author is encountering in regards to nesting/embedding the Collection Item and creating a dynamic URL for the tray/modal in their Webflow website?

Published on
September 22, 2023
Note
CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

The author seems to be facing two main issues in their Webflow website:

  1. Nesting/Embedding the Collection Item:
  • The author wants to embed a Collection Item inside another Collection Item, which is not allowed in Webflow. Collection Items can only be nested within Collection Lists. This limitation is due to the fact that Collection Items represent individual records in a Collection, while Collection Lists represent the collection as a whole.
  • To overcome this limitation, the author can create a Collection List and populate it with the desired Collection Items. Then, they can use conditional visibility or show/hide interactions to control the appearance of the nested Collection Items based on user actions or triggers.
  1. Creating a dynamic URL for the tray/modal:
  • The author wants to create a dynamic URL for the tray/modal, where each tray/modal has a unique URL that can be shared or bookmarked.
  • Currently, Webflow does not provide built-in functionality to create dynamic URLs for elements like trays or modals. However, there are workarounds that can achieve similar results.
  • One approach is to use custom code and JavaScript to modify the URL parameters based on the user's actions, such as opening a tray or modal. This can be done by listening for events and updating the URL dynamically using the window.history.pushState() method. By doing this, the author can mimic dynamic URLs for trays/modals without actually changing the page or triggering a page reload.

Additional Questions:

  1. How can I nest/embed Collection Items in Webflow?
  2. Is it possible to create dynamic URLs for trays or modals in Webflow?
  3. What are some alternatives to nesting Collection Items in Webflow?
How can I implement code output by UTOPIA into a Webflow page?
How does Webflow use the script to populate the slides in the slider with content from a projects collection?
Can I filter a collection in Webflow to only display programs that have certain days selected in a multi-reference field?
How can I use JavaScript to display the name of the item from the CMS collection as the 'name' field for each checkbox in Webflow? Can custom code be used to set an aria label that reads the collection item name printed on the page to the right of each checkbox in Webflow?
Can I change the background color of a dropdown toggle in Webflow using custom code and target its class based on the open status?
How can I create a one-line email submission form using Webflow?
How can I fix the issue of my custom fonts not showing up on Safari and Firefox for my portfolio website in Webflow?
What terms should I search for in order to learn how to implement a feature in Webflow where the content of different fields gets replaced each time a button is clicked?
How can I modify the code to work for all products on the page instead of just the first one?
Is there a way to remove the "/blog/" slug from blog posts in Webflow?
Home
Categories
Tutorials
© 2023 CommunityFAQ. All rights reserved.
TermsPrivacyCookies
CommunityFAQ is not affiliated with Webflow. This is a personal project to help answer Webflow's questions and a test project to implement new strategies while working with larger a larger CMS. CommunityFAQ is reader-supported and some links may be affiliate links.