Wrong URL with PrismicLink

Developing with Prismic
1

Hi!

On my SliceMachine, i created a Link field:

image
image831×264 9.57 KB

On prismic, the client has linked to another Page (uid : contact)

image
image926×477 65.7 KB

On my HTML:

<PrismicLink :field="slice.primary.btn_link" tab-index="-1" class="button">
    {{ slice.primary.btn_label}}
</PrismicLink>

But when rendering (i displayed the {{ slice.primary.btn_linkg }} above)

image
image934×191 20.2 KB

Any ideas?

Thanks a lot!
Vincent

2

Hi Vincent,

I don't quite understand what the problem is.

I can see that the link UID is contact which is the linked document in Prismic.

What is your expected behaviour? :slight_smile:

3

Indeed, but the link of the button is not contact :(

image
image949×188 27.1 KB

4

Ah sorry yes!

have you setup a link resolver?

can you share your route resolver too?

That'll likely be why it's linking to another document.

6

Hi Jake,

I haven't any Link Resolver.
It's not linking to another document, it's the slug of the actual page, where the button is.

My code:

<PrismicLink :field="slice.primary.btn_link" tab-index="-1" class="button">
    {{ slice.primary.btn_label}}
</PrismicLink>

HTML Render:

<a tab-index="-1" href="" class="button">
      Contacter l'agence pour en discuter
 </a>

I juste create some Routes Resolver for dynamic pages / slug:

prismic: {
    endpoint: apiEndpoint,
    modern: true,
    /* see configuration for more */
    apiOptions: {
      routes: [
        // Resolves the Homepage document to "/"
        {
          type: 'homepage',
          path: '/',
        },
        {
          type: 'article',
          path: '/blog/:category/:uid',
          resolvers: {
            category: 'category'
          }
        },
        {
          type: 'client',
          path: '/cas-clients/:uid'
        },
        {
          type: 'landing_page',
          path: '/:category/:uid',
          resolvers: {
            category: 'category'
          }
        },
      ],
    },
  },

The Contact Page is a simple page, i don't understand :frowning:
(thanks for your time :wink: )

7

Ok thanks Vincent

Try adding another route resolver rule for your new document type

{
  type: 'pagecontent',
  path: '/:uid'
}

Let me know how you get on :)

8

:sweat_smile:

I'm think i'm stupid!
It was just that...
Thanks a lot!

1 Like