Blog Pages link not working

[talktoari]

I have followed the Connect CMS video and have created Blog page that shows the blogs from collections and Blog Single page that shows the post. However, when I am connecting the Link Button from Blog page to Blog Single page using the “:slug”, I see that all my links are always opening the same first blog page.

Have tried multiple times with connecting slug but still failing and always opens first blog post. In fact all my Menu items are now pointing to the “domain.com/blog#id” which results in all broken links.

Bollywood Guitar Classes in San Ramon

How can this be resolved?

[Pakic]

When you link a single page, have you connected a slug in Advanced tab, under the route variables?

[talktoari]

Yes I have done that. But when I preview and reload - it seems to not save and goes back to showing just slug entry instead of the 2nd one where $value->get(“slug”) is called.

[talktoari]

Hello Pakic. I changed the new Route Variable adding a key slug and then connected the variable Slug from Data. Now it shows this and the links work.

But all my navbar links are not fixed yet - they still seem to append the entire Blog-single URL and then have the section ID appended at the end. How can I ensure the navbar links don’t change and retains the section IDs which navigates to proper home sections?

[WojciechK]

have you set your navbar as a component ? So you have a single navbar on all sites ?

[talktoari]

Yes I have.

Original link: <domain.com>/#about-us
When navigated to page holding all Blogs or to single Blog
Changed link: <domain.com>/blog#about-us

I want it to retain the original link itself. Attaching the navbar setting as well

Navbar Component

Navbar Setting

[talktoari]

Any more suggestions to try out on this issue? @Pakic @WojciechK

[Pakic]

this needs to be one “route variable”.

In your screenshot you create $value_get(‘slug’) as a seperate variable, instead of setting that as value of variable ‘slug’

[talktoari]

This is what I have currently. What should it change to?

[talktoari]

And will this solve this problem?

Original link: <domain.com>/#about-us

When navigated to page holding all Blogs or to single Blog, the link changes to:
Changed link: <domain.com>/blog#about-us

I want it to retain the original link itself.

[talktoari]

@Pakic I am trying but am not a hard-code developer. So am struggling with this. Any help is appreciated.

[MixxMaster]

@talktoari :
You are struggling with “Anchorlinks” and how to achieve anchorlinks from a secondary page back to the first page. Try this solution I’ve written about earlier:

How do I link to specific section on another page?

I struggled a bit too with this and apparently, this isn’t allowed in Divhunt (yet) so you need to add some JS that loads AFTER the page is done loading and then perform the “scroll to section” Say you want to link from page 1 to #id on page 2: Create link on page1 and create ID on div on page 2 as usual and add this JS code to the “Body End” in “Custom Code”: <script> function smoothScrollTo(element, duration = 1200) { const targetPosition = element.getBoundingClientRect().top; const…

It’s a bit complex but not too complicated actually

I hope this helps

[talktoari]

Thanks @MixxMaster I guess this will help me once the routing issue above is resolved. My routing issue is basically:

Originally my navbar links are in format: <domain.com>/#about-us
When I navigate to all Blogs page or Single blog page of the collections, the nabber link changes to: domain.com**/blog**#about-us

All I’m looking for is how to ensure the nabber links don’t change to get that additional /blog in them.

After that gets sorted, I can use your solution to directly scroll to the respective page section. Thats why I was looking for DivHunt staff or @Pakic to help