Interactive CMS Map Points in Webflow

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2023
  • Get the cloneable for this project (affiliate link)
    webflow.grsm.io/tricks?path=c...
    Join my Webflow Wizards Community
    / timothyricks
  • ХоббиХобби

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

  • @mcplaayer
    @mcplaayer 8 месяцев назад +2

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

  • @lukasrudrof4011
    @lukasrudrof4011 8 месяцев назад +4

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

  • @badboujee
    @badboujee 8 месяцев назад +5

    another banger! so simple, so effective.

  • @leonstoel9028
    @leonstoel9028 8 месяцев назад +2

    Great to have your back here! Very nice tip.

  • @bradleeeey1
    @bradleeeey1 8 месяцев назад +2

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

  • @lekeKar
    @lekeKar 8 месяцев назад +2

    Brah mind breaking! and all native Webflow!

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

    You're literally a Webflow wizard! Amazing tutorial

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

    Super handy technique, thanks Tim

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

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

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

      Thank you for the kind words!

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

    tim, you're a legend 👏

  • @FloNocode
    @FloNocode 8 месяцев назад +2

    daaaaaaaamn !! Awesome so simply ahahah ! thank you man

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

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

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

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

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

    I'm jealous of Tim's brain

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

    Thank you so much.

  • @RocknRollCEO
    @RocknRollCEO 8 месяцев назад +2

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

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

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

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

      So glad this helps! Thank you

  • @callthedesignguy
    @callthedesignguy 8 месяцев назад +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

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

      Thanks so much! I use screen.studio

  • @christofferfurnes
    @christofferfurnes 8 месяцев назад +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  8 месяцев назад +4

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

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

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

  • @owlyvr6894
    @owlyvr6894 25 дней назад

    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

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

    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  8 месяцев назад +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 8 месяцев назад

    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  8 месяцев назад +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 8 месяцев назад

      @@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 8 месяцев назад +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 3 месяца назад

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

    • @timothyricks
      @timothyricks  3 месяца назад +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 3 месяца назад

      @@timothyricks great, thanks for the quick reply!

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

    True visual coding 🤌