(2020) Build Previous-Next buttons for Webflow CMS | How To - CMS Library for Webflow

Learn how to implement Previous-Next buttons to your Webflow CMS dynamic pages in this walkthrough tutorial! ⚠️ This system is happily no longer supported. CMS Library is now Attributes. Get the resource links below. 👇
TIMESTAMPS:
00:11 - Live example
01:33 - Structure | Content ID
06:05 - Structure | Previous/Next
08:35 - Structure | Empty State
12:12 - Structure | Instance
14:41 - Load Images
20:15 - Thank you
-----------------------------------------------
// EXPLORE ATTRIBUTES BY FINSWEET
🔥 Super hot promo for Attributes: • Attributes Promo by Fi...
Attributes: www.finsweet.com/attributes/ 👈
Webflow cloneable for Attributes: www.finsweet.com/attributes-c...
KZbin playlist for Attributes: • Attributes
Get help with implementation: [e-mail]
Subscribe to Finsweet: kzbin.info?su...
-----------------------------------------------
// RESOURCES FROM THE VIDEO
CMS Library is now a legacy solution.
Docs: cms-library.finsweet.com/
How-To: cms-library-howto.finsweet.com/
Visual Script Writer: cms-library-script-writer.fin...
-----------------------------------------------
// 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: / ​
Twitter: / thatsfinsweet​
Instagram: / ​
Dribbble: dribbble.com/thatsfinsweet​
Behance: www.behance.net/thatsfinsweet/​
Webflow: webflow.com/team/Finsweet/​
-----------------------------------------------
// TAGS
#webflow #cms #docs #javascript #library
-----------------------------------------------
Thanks for your support! 🤟

[@itsbapic]

holy moly, i go onto your site and found the walkthrough video link?? what the heck never been this early before hahaha

[@Finsweet]

We released these just yesterday!

[@solinterior]

Thanks Joe!! needed this today!

[@Finsweet]

You're welcome!!!

[@fancy3958]

Oh my freaking god! It solves my problem permanently! You guys can achieve anything!

[@Finsweet]

Happy to hear that!! Thank you so much!!! :)

[@nomioren7949]

Hey, I only have a next button, is it possible to make it loop?

[@templa946]

How do you use the slug? it doesnt seem possible(it doesnt appear in the CMS connecting dropdown). Does content ID have to be a number or can we use names/letters as the post identifier? My site has collection pages filled with products not posts, so nothing goes by number. Any suggestions?

[@iwanrutjes]

Great stuff! I'm trying to implement this method with only two clickable divs with the word '< Prev & Next >' without a post title or image, but since the script only pastes the prevnext-collection content it only copies the title 'Next >' because it doesn't know when to use the Prev instead. Does this problem make sense? And do you have advice on how to tackle this?

[@Finsweet]

Thanks! Check out this walkthrough - kzbin.info/www/bejne/jGOUln2vrZynpsU

[@matiasfourcade]

Hi, does this works on a random page? I mean not on a template page.

[@fancy3958]

OK I finally make it work.My solution on the first of the last page is that when you click that empty button, it would tell you its the latest or the earliest page and if you click it again you will go back to homepage.Well it's the best I can do. But without any code knowledge I still feel anxious even I make it work.

[@Finsweet]

Please message us on sweetjs.io and one of our devs will look into this for you!

[@crockpot-jr.95]

My prev and next buttons are just linking to the current page, admittedly i got a little lost in the tutorial, but does anyone know what I did wrong?

[@brandonrolfes1231]

This is great!! I have been trying to solve a problem with pagination though and can't seem to crack it. After finding a product within the pagination and visiting the individual product page, the user can't just hit 'Back' in their browser to get back to the same page and scroll position they were at.

[@Finsweet]

You're welcome! Yes, technically it’s possible, but requires a lot of work to make it happen! This request cannot be included with SweetJS support.

[@m-a-t-f]

It is crazy to me that you can't use dynamic values in the native CMS filters, I love Webflow but I am constantly bumping into issues and thinking, wow I can't believe you can't do that... Great vid though, v helpful!

[@fancy3958]

CMS is convenient，but it can't be flexible at the same time,the use of z index to show empty post when there has no post available is genius.

[@Finsweet]

Thank you!

[@PubgSpeed-wl8yo]

To be honest, the instructions are very complicated and not clear, very many words