Interactive CMS Map Points in Webflow

Поделиться
HTML-код
  • Опубликовано: 31 дек 2024

Комментарии • 37

  • @mcplaayer
    @mcplaayer Год назад +2

    this is a brilliant use of the CMS and DOM and custom attributes

  • @leonstoel9028
    @leonstoel9028 Год назад +2

    Great to have your back here! Very nice tip.

  • @bradleeeey1
    @bradleeeey1 Год назад +2

    This i devilishly simple and highly effective. also lots of great techniques in here for rapid building. outstanding

  • @lukasrudrof4011
    @lukasrudrof4011 Год назад +4

    I can literally use this right now for a project. Great work as always!

  • @FlowRaven
    @FlowRaven Год назад

    You're literally a Webflow wizard! Amazing tutorial

  • @badboujee
    @badboujee Год назад +5

    another banger! so simple, so effective.

  • @lekeKar
    @lekeKar Год назад +2

    Brah mind breaking! and all native Webflow!

  • @dereksiuau
    @dereksiuau 8 месяцев назад +1

    You are so so so smart! Love your work Tim Ricks!

    • @timothyricks
      @timothyricks  8 месяцев назад

      Thank you for the kind words!

  • @timdaff
    @timdaff Год назад +1

    Super handy technique, thanks Tim

  • @linovin_5954
    @linovin_5954 8 месяцев назад +1

    OMG... I needed this and you came through!!!

    • @timothyricks
      @timothyricks  8 месяцев назад

      Oh, awesome! I’m so glad this helps!

  • @moesyah
    @moesyah Год назад +1

    tim, you're a legend 👏

  • @NathanVanGundy-h1c
    @NathanVanGundy-h1c Месяц назад

    Great video! Thank you for the wonderful explanation. I've followed your instructions and it's exactly what I needed. Is it possible to make the map dots and hover text clickable to scroll down to a specified area on the same page? i.e. ID of an element/anchor text area.

  • @FloNocode
    @FloNocode Год назад +2

    daaaaaaaamn !! Awesome so simply ahahah ! thank you man

  • @lpaveld
    @lpaveld 11 месяцев назад +1

    Thank you so much.

  • @RocknRollCEO
    @RocknRollCEO Год назад +2

    How many times has this emoji, "🤯" been used under content created by Tim?

  • @MyDistortedWorld
    @MyDistortedWorld Год назад +1

    I'm jealous of Tim's brain

  • @michamazur9367
    @michamazur9367 Год назад +1

    I literally need it today for a project. Wouldn't ever figure it out on my own!

  • @chri-fu
    @chri-fu Год назад +3

    Very nice, as always!👌 What about upping the game a bit: can you pan and zoom the image and keep the map dots in the correct place?

    • @timothyricks
      @timothyricks  Год назад +4

      Thank you! I have this tutorial / cloneable where I did the pan and zoom. www.timothyricks.com/resources/building-a-map-in-webflow

    • @chri-fu
      @chri-fu Год назад +1

      Hah! Of course you have already done it!😉 Great!

  • @owlyvr6894
    @owlyvr6894 5 месяцев назад

    Hi, i have a problem whit the zindex, some tooltip are over some dots, any one know why, i have the z index of the tooltip that is the child element on 99999

  • @callthedesignguy
    @callthedesignguy Год назад +1

    Hey Timothy! I love your videos and all of the cool solutions you walk through. What do you use for recording your screenshares? Would love to mess around with it

  • @hubert4646
    @hubert4646 Год назад

    Great video, but how would you make the interaction work on mobile, without hover effect? Reveal and hide text tags it on scroll? What's your idea?

    • @timothyricks
      @timothyricks  Год назад +1

      Thanks! It already works on mobile. If you tap the dot, it reveals the text. In this example, I could have also set all text visible by default on mobile.

  • @themmhasan
    @themmhasan Год назад

    Hi Timothy Ricks! Is there any update about "Lumos framework" with the support of native Webflow variables? Waiting for it since the day you talked about it in Webflow Conf. Thank you.

    • @timothyricks
      @timothyricks  Год назад +3

      Hi, I’ve been working on V2, but I’m at a stand still right now until Webflow releases the updates to variables that they’re working on. I considered releasing a temporary version, but it would have to be redone after the updates and once css custom properties are released.

    • @themmhasan
      @themmhasan Год назад

      @@timothyricks I am a bit confused about how to use the Figma Lumos Template to design a Website.
      I saw you made a video in Flowparty where you transferred a Lumos design file to Webflow. That was awesome.
      But how did you design that website in Figma with the help of Lumos Template? That part I didn't understand.
      Like, already I have some websites and now I want to adjust them with the Lumos template but I can't. As I am not a pro like you.
      Would you please consider adding a video where you will design a website with the Lumos template or implement the Lumos template within an already-designed website?
      Actually, I want design consistency for my projects.
      and With Lumos it's possible.
      That's why I requested.
      Don't mind.
      Thank you.

    • @leonstoel9028
      @leonstoel9028 Год назад +1

      that's very nice to hear! hope webflow releases those updates soon. I think it's pretty obvious we are talking about editing variables for breakpoints, right? We definitely need this for variables to be a real update to a workflow.@@timothyricks

  • @Cholbek
    @Cholbek 8 месяцев назад

    Awrsome! Why use a custom element instead of a link block again? For the dots i mean

    • @timothyricks
      @timothyricks  8 месяцев назад +1

      Link blocks could go inside the custom element. Currently the custom element is the only one that allows for the style attribute which is needed for linking the dot positions to CMS fields

    • @Cholbek
      @Cholbek 8 месяцев назад

      @@timothyricks great, thanks for the quick reply!

  • @kronoszombieguidesapp
    @kronoszombieguidesapp 5 дней назад

    hey man thiis is cool but doesnt exactly fit my needs, imagine a map for collectables in a game - the map image would need to be zoom/pannable, and custom markers on the map.

  • @grantbouff
    @grantbouff Год назад +1

    True visual coding 🤌