# How do I Navigate to a static collection page? (tutorial instructions not working)

**URL:** <https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632>\
**Category:** How do I?\
**Created:** [July 9, 2024, 9:48pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632 "2024-07-09T21:48:12Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [July 9, 2024, 9:48pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/1 "2024-07-09T21:48:12Z")

</div>

I’m following the instructions here on static colleciton page navigation.

> **[Static collection pages | WeWeb Documentation](https://docs.weweb.io/pages/static-collection-page.html)**
>
> Learn how to create a static collection page

The suggested method avoids “link to page” and recommends instead to create an action, navigate to \> collection page. And according to the tutorial, that’s all what’s needed for the navigation to happen. No need to enter the parameter.

The item from which the navigation is happening is itself coming from that same static collection list. When clicked it’s supposed to take you to the collection page (details page of the collection item)

 ![Screenshot 2024-07-09 at 23.44.45](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a6fec8bd7876e1bfedb9dbf23c804580f96d15d5.png)

The test workflow button supposedly works. But clicking on the item doesn’t seem to work in the preview mode or production. In the preview mode, the left log panel shows successful action but nothing happens on the page. In production, nothing happens on screen too and no errors are logged in the console.

---

<div class="post-metadata">

**Author:** ![jptrinh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jptrinh/32/1493_2.png) [@jptrinh](https://community.weweb.io/u/jptrinh)\
**Post date:** [July 10, 2024, 1:32pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/2 "2024-07-10T13:32:53Z")

</div>

Hey @davhad  
Have you tried setting up the link from the Link property in the Setting panel of your button? Does that behave the same?

---

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [July 10, 2024, 2:54pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/3 "2024-07-10T14:54:34Z")

</div>

@jptrinh Hey Jean Philippe, I’ve tried to do it with the link property but couldn’t figure out how to choose the relevant page to show from the collection since you have to choose the index of the list items (hard coded). Is there a way to send the user to the relevant collection item’s page?

Maybe I missed something…

---

<div class="post-metadata">

**Author:** ![jptrinh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jptrinh/32/1493_2.png) [@jptrinh](https://community.weweb.io/u/jptrinh)\
**Post date:** [July 10, 2024, 3:19pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/4 "2024-07-10T15:19:36Z")

</div>

Can you illustrate when you say hard coded?  
I had a collection list, and for each of the repeated item, was a link that pointed to a Static page collection. So I didn’t need to indicate the current item index.

---

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [July 10, 2024, 3:30pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/5 "2024-07-10T15:30:51Z")

</div>

Yes. Using the link approach, I too don’t find a way to choose the actual item that the user will navigate to. So I’ve selected collection page and that’s it.

However when I use the link approach I’m always taken to the top result in the static collection (independent which of the items is clicked on).

Here’s a screenshot I took for you to clarify:

 ![Screenshot 2024-07-10 at 17.30.28](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8436eb2cd53f35da8debabc085df7a05c2791b46.png)

---

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [July 16, 2024, 3:02pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/6 "2024-07-16T15:02:49Z")

</div>

@Joyce It’s been a week since I’ve been waiting on this and I’m still unsure if this is a bug or not. But followed the instructions and tried a dozen workarounds and it’s not working. Mind taking a look and sharing what you think it might be?

---

<div class="post-metadata">

**Author:** ![MatthewS](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/matthews/32/3582_2.png) [@MatthewS](https://community.weweb.io/u/MatthewS)\
**Post date:** [July 16, 2024, 3:26pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/7 "2024-07-16T15:26:00Z")

</div>

As an alternative to the direct link to a static collection page, you could use the the ‘Navigate to’ module in a workflow and utilise the path option.

The one downside to this is that it won’t work in the editor, but will work in the live version.

You want the path bound to be whatever you have bound to the URL selection of the static page:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/ae90d84b2829c9e98c55531c7d5c3172c803eac9.png)

An example of how the binding in the workflow may look for you would be something like this:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a78f6a9e7eb5e6a33833d86ba62cf224324f30fa.png)

---

<div class="post-metadata">

**Author:** ![jptrinh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jptrinh/32/1493_2.png) [@jptrinh](https://community.weweb.io/u/jptrinh)\
**Post date:** [July 16, 2024, 3:28pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/8 "2024-07-16T15:28:26Z")

</div>

From the screenshot, it looks like its setup correctly… Might be missing something in the configuration.  
You can hope in the Office Hour in 30 minutes 🙂

---

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [July 17, 2024, 8:58am UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/9 "2024-07-17T08:58:13Z")

</div>

@matthews thanks Matthew, your internal url path approach works. But still don’t understand why the other straightforward ways to link to a collection page are failing.

Anyway thanks for your suggestion.

---

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [July 17, 2024, 8:59am UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/10 "2024-07-17T08:59:42Z")

</div>

@jptrinh Missed your message. If there’s a specific time when you’re doing the office hours I’d love to join an upcoming one 🙂

---

<div class="post-metadata">

**Author:** ![jptrinh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jptrinh/32/1493_2.png) [@jptrinh](https://community.weweb.io/u/jptrinh)\
**Post date:** [July 17, 2024, 1:03pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/11 "2024-07-17T13:03:15Z")

</div>

Every Tuesday at 6pm UTC, you can find the like [in this post](https://community.weweb.io/t/errata-new-link-for-office-hours/6421/3) 🙂

---

<div class="post-metadata">

**Author:** ![pinshasa](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/pinshasa/32/7088_2.png) [@pinshasa](https://community.weweb.io/u/pinshasa)\
**Post date:** [August 11, 2024, 4:42pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/12 "2024-08-11T16:42:47Z")

</div>

Same problem, here - if you treated this during an office hour, could you link the youtube video?  
It seems to be a bug (the straightforward option to “link” to a “collection page” should precisely do what is says ;-)) but maybe there’s another explanation?

---

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [August 12, 2024, 5:54am UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/13 "2024-08-12T05:54:43Z")

</div>

@pinchasa agree, looks like the root cause is the bug and should be fixed

---

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [August 13, 2024, 8:44am UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/14 "2024-08-13T08:44:27Z")

</div>

FYI @pinshasa @jptrinh@matthews filed a bug report and will update you when I hear back.

---

<div class="post-metadata">

**Author:** ![pinshasa](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/pinshasa/32/7088_2.png) [@pinshasa](https://community.weweb.io/u/pinshasa)\
**Post date:** [August 14, 2024, 12:28pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/15 "2024-08-14T12:28:30Z")

</div>

thanks @davhad !  
In the meantime, I reported it too, and received the answer that it’s a limitation of weweb: with the “link to \> collection page” we can **only** go to the a record of **the same collection we are currently in** …

they said [the same before](https://community.weweb.io/t/how-can-i-link-directly-to-a-static-collection-item-with-xano-id/809), apparently.

And the only workaround that I’ve seen, only work in production (not in editor)… 😢

---

<div class="post-metadata">

**Author:** ![davhad](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/davhad/32/9664_2.png) [@davhad](https://community.weweb.io/u/davhad)\
**Post date:** [August 15, 2024, 9:34am UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/16 "2024-08-15T09:34:01Z")

</div>

Oh, sad ☹ but thanks for the initiative!

Mmm… So do you mean we can only link from a collection page item to another item from the same collection?

If this is intentional or a framework limitation (don’t see how…) then maybe this should be reflected in the editor. Otherwise it still stands out to me as a wrong implementation which could use a fix 🙂

---

<div class="post-metadata">

**Author:** ![pinshasa](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/pinshasa/32/7088_2.png) [@pinshasa](https://community.weweb.io/u/pinshasa)\
**Post date:** [August 19, 2024, 7:42pm UTC](https://community.weweb.io/t/how-do-i-navigate-to-a-static-collection-page-tutorial-instructions-not-working/9632/17 "2024-08-19T19:42:54Z")

</div>

Indeed, only in the same collection (but even that didn’t work, so i don’t bother with that “link to collection” option anymore).

Yes, it really seems like they had to stop that feature while doing it. 🙃

Anyways, just so you know, my workaround for the collection pages is to

in my backend DB, create 3 column

- create a slug column
- create a collection path column (with the constant formula of the name of the collection)
- create a complete slug column (/collection\_path/slug)

in Weweb

- create a variable for the domain url  
and everytime I want to link to a collection page,
- I set “Link to URL” (and not collection) and bind it
- select my variable “domain url”
- add the item “complete\_slug”

It takes a bit more time, but not that much more.  
And it only works in production, but at this point, I’d better create a subdomain to test it out, so…

Hope this helps.
