Dah, where do you add the text for each choice in the dropdown menu!?

So gorgeous and strong

Styling the dropdown now please?

thank you very much fam

Works like a dream. Thank you!

You are a life saver! I wanted to pull my hair out editing my blog!

it's really helpful. Thanks a lot

I'm so impressed! Thank you for building this. Looking forward to using this to get to the next level.

Hey Nelson, have you tried Divhunt yet? What do you think of it as wf alternative?

it doesn't seem to be linking the products for me, it only shows the demo menu

Thank you for this video. It helped a LOT!

Can I like this video more than once?

This is the second consecutive help, thank you very much and keep it up, all the best.

This is everything I've wanted

Your contributions to the Webflow community have profoundly impacted everyone on our team (and beyond, I'm sure)! We just signed up for updates on Ophelia and are excited to see where the future takes you.

The Man is building something we all needed for so long 🤩 Good Luck Nelson !!!

Thank you for the video. Your video is perfect. The way this has to be done in WebFlow is literally the dumbest most illogical thing I have ever seen. Another GUI web builder that makes life harder for devs so clients can believe "they'll be able to manage the site after handoff".

New to Webflow. I'm at a loss to understand why you cannot copy/duplicate a collection. Why is this web tool so extraordinarily non-user friendly?

Nelson, my brother, and I went to high school with you! EHS. I just happened to find your channel. Keep killing the youtube game!

Does anyone here with experience know how it works later on with the handling of the Shopify store after the theme is published? Things as such adding new products and making changes as text or design elements? I appreciate you with time and knowledge to answer me!! <3 Also I need to say that the engagement from this youtube account and not answering peoples question is bad.

Would be great to hear a summed up version for those of us that don’t have an hour to hear about

Love to see more thanks 🙏

Why should we even try Wix when there is Webflow 🙄

I am at 5:06 for timeline on this vid, I am having trouble having the container text show on top of the background image... I have made sure to layer it properly so now I am totally stuck...

Thank you! finally a clear tutorial!

The very first no code website back during the late 90s was a software called 'NETOBJECTS FUSION.' It was both no code and wysiwyg and semi drag and drop. I agree with you regarding no such thing as the best. With non cms clients, i can use Framer. But for cns and complex. I choose Webflow. But even Webflow lacks certain things. One of them is a more well rounded e-commerce.

Nice video. There's a faster way, takes 3 min tops. If anyone needs, let me know and I'll post here.

Gotta be honest with you guys, I'm watching this in 2024. And you guys just got ALL MY ATTENTION. Thank you very much guys for existing. Hopefully, you can upload a version for 2024 with all the new tools and etc lol.

🎉

Awesome vid Nelson 👍 I'd love to see what you make of Divhunt. Looks very interesting!

how do you apply your license, to avoid the little banner atthe bottom right, I was told it has to be done during the installations, but dont see it here

There's been an update to the Rich Text Editor! When you disconnect it from the CMS, it doesn't contain the content. Instead, it lists all the Heading styles. This allows you now to be able to style all the headings easily. 1. Click on the heading you want to style 2. Go to the sidebar and under the Style Selector, click in the "search box" 3. A list should appear - click on the pink button that says "All H1 Headings" 4. Beneath that, click on "[+] Nest selector inside of Rich Text Block (or whatever the class name is)" 4. From there, change whatever settings you want for the heading. Note: If it doesn't work, double check if the Dynamic Rich Text Paragraphs has the matching class.

Well said, Nelson. Client first... (Now where have we heard that before...)

Excellent tutorial, thank you!

I really thought that it is very Webflow like but it seems Flexbox is still not implemented well. It still uses their iconic absolute positioning which is real bad with responsiveness. Thanks for the vid

Thanks for the video. The whole time I'm asking myself will he switch to mobile so we could see what it looks like. Still, was good to see a quick way to build a page with wix.

I love that idea of doing a first look on those website builders, looks fun, relatable and makes me want to try doing it myself. Thanks a lot <3

how would i add a border to it

I will never look at auntie the same again 😭😭😭

BROTHA WHY 💀💀💀

W video 🗣️🔥🔥🔥

Thanks again Nelson! 😁👋

legend thank u !

5:45 The way each dropdown menu collapses when one of it's duplicates are opened doesn't seem to work in the most recent version of Webflow (all stay open until individually selected again). is there a work around for this? I only want one dropdown visible at a time.

Hi! This worked really well for me up until you hit close modal and then the page that I'm on becomes unresponsive-- You are not able to interact with the page outside of the light box thumb images until you refresh. This is unfortunately an important feature I need to resolve but for some reason I cannot figure out why this is happening. Any thoughts?

i wish i was watching this live all the things you were asking yourself are right there lol sorry i was late man WIX can be very powerful

I think you should make some videos on webflow+wized+xano.

Here's the code which worked for me with two important adjustments: To show the right image you first need to get the right index with "$(this).parent().index();" instead of "$(this).index();" because you want to get the collection item position and not the position of itself. Second ":eq" is deprecated so I used this instead: ".find('.photo-strip-item').eq(eqNumb)". Which is resulting in: <script> var smallcaption = '', lightboximage = '', eqNumb = ''; $('.custom-lightbox-thumb').on('click', function(){ eqNumb = $(this).parent().index(); $('.custom-lightbox').find('.photo-strip-item').eq(eqNumb).trigger('click'); console.log(eqNumb); $('body').css('overflow','hidden'); }); $('.photo-strip-item').on('click', function(){ $('.photo-strip-item').removeClass('active'); $(this).addClass('active'); smallcaption = $(this).find('img').attr('alt'); lightboximage = $(this).find('img').attr('src'); $('.small-caption').text(smallcaption); $('.lightbox-image').attr('src',lightboximage); }) $('.close-lightbox').on('click', function(){ $('body').css('overflow','visible'); }); </script>

Here's the code which worked for me with two important adjustments: To show the right image you first need to get the right index with "$(this).parent().index();" instead of "$(this).index();" because you want to get the collection item position and not the position of itself. Second ":eq" is deprecated so I used this instead: ".find('.photo-strip-item').eq(eqNumb)". Which is resulting in: <script> var smallcaption = '', lightboximage = '', eqNumb = ''; $('.custom-lightbox-thumb').on('click', function(){ eqNumb = $(this).parent().index(); $('.custom-lightbox').find('.photo-strip-item').eq(eqNumb).trigger('click'); console.log(eqNumb); $('body').css('overflow','hidden'); }); $('.photo-strip-item').on('click', function(){ $('.photo-strip-item').removeClass('active'); $(this).addClass('active'); smallcaption = $(this).find('img').attr('alt'); lightboximage = $(this).find('img').attr('src'); $('.small-caption').text(smallcaption); $('.lightbox-image').attr('src',lightboximage); }) $('.close-lightbox').on('click', function(){ $('body').css('overflow','visible'); }); </script>