Cool trick! 👍 But how to make a new blog post always in the first position? 🤔 In your example it stays behind the CTA block, which is number 5. Is it any way to avoid manually re-ordering posts every single time? How to put the CTA block in the 5-th place no matter how many new blog cards come in? And make this behavior automatic?
Good trick but probably isn’t best for SEO or screen readers given the CTA block is replicated so many times. It will also appear in the sitemap and get indexed by search engines. The best way to do this is to create the CTA block outside of the CMS collection then use some simple JS to move the component to the desired index of the collection
Yo! Good recommendation, but I fix the SEO issues later in the video 😊 If you know the javascript needed to do that though, definitely drop it here so people have the option to do it this way!
Ah sorry I didn’t see that part. The problem does remain with the cta block being present on the page many times (on every item, just hidden). It also leaves room for error as it would be easy to forget to add the filters or update them if the name changes, for example. I’ve typed out the below code on my phone so may not be 100% accurate but hope it helps someone! const ctaBlock = document.querySelector(‘#cta-block’) const collectionList = document.querySelector(‘#collection’) Let desiredIndex = 5 // your desired index collectionList.insertBefore(ctaBlock, collectionList.children[desiredIndex])
Hahah this cracked me up about parks and rec 😂 also, I’ve always wondered how to do this!
Just what I needed… 🤞🏻🚀
I love this.
How to create CTA block on all width of screen?
Cool trick! 👍 But how to make a new blog post always in the first position? 🤔 In your example it stays behind the CTA block, which is number 5. Is it any way to avoid manually re-ordering posts every single time? How to put the CTA block in the 5-th place no matter how many new blog cards come in? And make this behavior automatic?
Agree, the first problem isn’t solved. I see only manual option to move new post in first place…
Trust me, it's not a perfect solution and sadly there is no way around this! Played around for a while but found no answer
@@NikolaiBain I see. Well, I think, this is time for custom code. 😁
I suppose you could add an order number to every post but managing that would be quite annoying. Could put an intern on it though...
@@wearestudiotonic Perfect solution hahah 😂
But how to put one CTA with in a blog post details ?
Good trick but probably isn’t best for SEO or screen readers given the CTA block is replicated so many times. It will also appear in the sitemap and get indexed by search engines.
The best way to do this is to create the CTA block outside of the CMS collection then use some simple JS to move the component to the desired index of the collection
Yo! Good recommendation, but I fix the SEO issues later in the video 😊 If you know the javascript needed to do that though, definitely drop it here so people have the option to do it this way!
Ah sorry I didn’t see that part. The problem does remain with the cta block being present on the page many times (on every item, just hidden). It also leaves room for error as it would be easy to forget to add the filters or update them if the name changes, for example.
I’ve typed out the below code on my phone so may not be 100% accurate but hope it helps someone!
const ctaBlock = document.querySelector(‘#cta-block’)
const collectionList = document.querySelector(‘#collection’)
Let desiredIndex = 5 // your desired index
collectionList.insertBefore(ctaBlock, collectionList.children[desiredIndex])
But either way 🤣🤣🤣
It's hard to make a video without messing up at least once 🙄
@@NikolaiBain damn man you made my day!!!