Back to Browse

Interactive Maps in Webflow Using CMS Collections

48.4K views
Oct 16, 2020
22:25

πŸ’Ž Webflow Wizards Community The ultimate community to improve your skills and connect with like-minded Webflow Developers https://www.timothyricks.com/community πŸ‘¨β€πŸ’» Consulting Sessions https://www.timothyricks.com/consulting Here's an updated tutorial made possible thanks to recent Webflow updates https://www.youtube.com/watch?v=UJ2kR6z8B9I In this video, we'll cover how to build an interaction map using one collection list that's responsive across all device sizes and links to each collection item's page. Set the collection item coordinates from the CMS. LIVE SITE https://collection-map.webflow.io/ SHARE LINK https://preview.webflow.com/preview/collection-map?utm_medium=preview_link&utm_source=designer&utm_content=collection-map&preview=4031b699c109920193c0145869a00696&mode=preview MARGIN CODE FOR EMBED style="margin-top: Ycoordinates em; margin-left: Xcoordinates em;" DISABLE CLICK .collection-wrapper {pointer-events: none;} .c-map_dot {pointer-events: auto;} Try Webflow using my affiliate link below. https://webflow.grsm.io/4840096

Download

1 formats

Video Formats

360pmp431.7 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Interactive Maps in Webflow Using CMS Collections | NatokHD