Help: FetchLinks with Slices | Node Js Client

Developing with Prismic
1

Hi, I need help with:

1 - Use fetch links with Slices
2 - Need a way to do this with the Javascript Client

Is there a way to do this?

We're planning to move to Prismic very soon so quick response will be highly appreciated.

Thanks alot

3

Hello @thesrs02

Welcome to the Prismic community, and thanks for reaching out to us.

FetchLinks doesn't support retrieving any fields in the Slices or group. To retrieve fields from Slices, fetchLinks v2 works, which is known as graphQuery. And you can use it with javascript client too.

Find more details about how to implement graphQuery, in the following article:

Let me know if you have any further questions related to it.

Thanks,
Priyanka

4

Thanks @Priyanka

5

@thesrs02 Your welcome. Feel free to reach out to us if you have any questions.

7

Hi @Priyanka,

Thanks for your quick help with my earlier question. I need a little more help to make the graphQuery work.

My Structure:
Type => Slice (repeatable group) => Content Relationship => Product Type => Integration Field (shopify)

All I'm looking for is to get the body of linked products.

I'm getting this error: "Unable to parse fetch query Invalid fetch parsing Exception.\n\nThe fragment ...product_linkFields doesn't correspond to it's parent product"

Query:

image
image734×532 22 KB

Prismic Model (UI):

image
image2528×1696 152 KB

API Response: https://cycleboard.cdn.prismic.io/api/v2/documents/search?ref=YcFYhRYAAC8AXcs3&integrationFieldsRef=cycleboard~f126e32f-a972-4790-90ca-d1cbbcd078e9&q=[[%3Ad+%3D+at(document.id%2C+"Ybso5hUAAC4AronB")+]]

Can you help? Thanks in advance

8

Hello @thesrs02

Thanks for getting back to us.

There are two mistakes I found in your query:

  1. You need to mention the type of linked document after the content relationship field.
  2. To get all the fields from a linked document, use the fragment syntax. It is done by adding ... before and Fields after the name of the Custom Type. In your case, it should be ...productFields not ...product_linkFields

The correct query looks like this:

{
  collection {
    body {
      ... on products_group {
        repeat {
          product {
            ... on product {  //type of linked document
              ...productFields 
            }
          }
        }
      }
    }
  }
}

It will solve your issue. Let me know if you have any other questions.

Thanks,
Priyanka

9

Thanks SO much @Priyanka!

It works. I can see all product fields in the response now.

Two questions:

1 - Is there a way to select specific fields from the response. I tried the followings but to no avail. I get a bad request error.

2 - Is there a way to get an unfolded response with this query? For example, having the products in the data field of the response body?

Attempt 1:

image
image2768×622 113 KB

Attempt 2:

image
image2756×704 125 KB

I must be missing something here but I would really appreciate your help with this if possible.

Thanks again for the awesome support!

11

Hello @thesrs02

It's not possible to fetch a specific field within an Integration field. It will retrieve everything inside IF.

Let me know if you have any other questions.

Thanks,
Priyanka

12

Thanks again @Priyanka

14

How would you do this kind of query inside of Nuxt within asyncData? So, I have a slice called FeaturedPages, which has repeatable fields of links to other pages. In this component of FeaturedPages I wanna be able to output data from each of the page added/linked, data such as the "FeaturedImage", which is a field in each page.

On the page, home in this instance, where this FeaturedPages slice is called, I've done like so

const page = await $prismic.api.getByUID('page', 'home', { fetchLinks: 'page.featured_pages' })

But page returns without the data object, from where I could've gotten to item.data.featuredImage for example.

This is like a case of resolving all relationships/references on a page when it is queried. How do I do that in Nuxt?

Thanks.

1 Like
16

Hi, @erik.israni, would you be able to take a look and unstuck me here? Would greatly appreciate. Thanks.

17

@kb1 - Maybe you'll find this helpful: Help | "ParsingError: Unable to parse fetch query Invalid fetch parsing Exception" - #2 by Phil

18

Hey @kb1 let me know if @thesrs02 's note was helpful. If you are still stuck, start a new thread and tag me, and we'll get into it.

1 Like