ฝัง
- เผยแพร่เมื่อ 3 ส.ค. 2024
- In this video, we learn how to create a CMS Tabs component with a Webflow Collection List. We're going to create a dynamic Webflow Tabs component from a Webflow Collection List.
TIMESTAMPS:
00:00 - Intro
00:25 - Live implementation of CMS Tabs
01:16 - Add Attributes to Collection List
01:57 - Add Attributes to Tabs component
03:09 - Add elements inside the Tab links
06:23 - Live Example
06:57 - Thank You
ATTRIBUTES: Add advanced features to your Webflow project without code. Attributes is the new way to implement @Finsweet into your @Webflow project.
See all videos from the playlist: • Attributes
-----------------------------------------------
// RESOURCES FROM THE VIDEO
Attributes: finsweet.com/attributes/cms-t...
Live Example: attributes-cmstabs.webflow.io/
Get help with implementation: attributes@finsweet.com
Subscribe to Finsweet: th-cam.com/users/Finsweet?su...
-----------------------------------------------
// ABOUT US
We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!
🙌 Join our community - finsweet.com/fin-pro
🛍 Shop our merch store - finsweet.com/merch
💪 Superpowers for your Webflow website - finsweet.com/attributes
🧰 Your toolkit for Webflow - finsweet.com/extension
-----------------------------------------------
// SOCIAL
Facebook: / thatsfinsweet
Twitter: / thatsfinsweet
Instagram: / thatsfinsweet
Dribbble: dribbble.com/thatsfinsweet
Behance: www.behance.net/thatsfinsweet/
Webflow: webflow.com/team/Finsweet/
-----------------------------------------------
// TAGS
#cms #tabs #webflow #attributes
-----------------------------------------------
Thanks for your support! 🤟
Exactly what I was looking for !! Love you man😘
Excellent!!! Thanks!!!! 😀
Awesome!
This is absolutely awesome. I'm having one problem: I have 3 items in the collection, but when I publish and preview, there are 6 tabs total. This includes the 3 collection items, and 3 duplicates. Anyone have thoughts on this? Thanks in advance!
Awesomeness
Absolutely amazing tutorial! Instant subscribe :). Thank you so much for putting this together. Quick question is there a way to load the content only when the tabs are clicked?. I have a project that I'm working on now and it's very video heavy and my page loading speeds are quite when I'm loading 10-15 videos at once 😥
Thanks for the tutorial, everything is working great but I don't know what I am doing wrong, in my first tab, the current by default, I have this text on tab link "Use [fs-cmstabs-element="tab-link"] to define this Tab Link content.". How can I remove this ? Thanks
is it possible to also a specific URL connected to each tab?
Thank you so much for this awesome too! ... Quick question: when I tried it, it only puts one item per tab. Can it group items within tabs?
This was crazy useful, thank you very much!!
One question: would it be possible to keep Pagination from the Collection List visible to load more tab pins? I have them set vertically as a list, pagination would load a second list.
Anyhow, thanks!
Hey Finsweet-Team! FIrst of all, thank you so much for your attributes library. It rocks! I just tried the CMS Tabs component on a recent project and it works very well. However, i tried to pair it with some custom code to make the tabs auto-rotate and i can't seem to get it working. Auto-rotation will only work for the first slide. Do you know about this issue and have a quick fix for it? Can't find any solution in the webflow forum so far. Thank you in advance!
Really cool but one issue that's happening for me is it's interfering with a lottie file and some interactions on the page. If I remove the script which is in the pages header (under settings) the lottie file and interactions work again.
How can i open a particular tab from different page using query link ?
Wow, is there a way to have two Tabs in a collection page. Mine seems to be rendering inside only the first one that appears in the DOM.
Is there away that every time a user selects a tab it shows a unique url?
I don't know why sometime it is work but sometime it doesn't work in publish site.?
This was very difficult to understand - very little in terms of basic explanation and clicking to fast into things without explaining.
I didn't find this very helpful at all. The collection list items were very complex which made it difficult to visualize how the page was laid out. And the presenter was jumping around and pointing and clicking so fast that it was difficult to understand what he was doing. Don't try to impress us with your design skills. Provide very simple, pleasing page designs and slow your presentation down.
I understand the tutorial and I love the tool, but this is so long an has so much unnecessary-filler-information it is unbearable to watch.