Adding a picture in Sections about nextjs-corporate-starter HOT 4 CLOSED

@kaloyan-dimov did you add a new field to features component that is referencing the image.

At the moment features component does not have an image field.

Here is what it looks like.

If you made changes to it, can you show me what it look like. It will help me better help you.

Based on you code:

    features: {
        populate: {
            background_picture: {
                fields: ["url", "alternativeText", "caption", "width", "height"],
            },
        },
    },
    

You are trying to populate a field called background_picture but this field does not exist in the features component, unless you added it your self.

If so, show me what the fields look like, and I will help you figure out how to update the query.

from nextjs-corporate-starter.

@PaulBratslavsky

Yeah that was added there previously, turns out I wasn't populating the image properly in page-populate-middleware.js:

The way it works is:

const populate = {
    contentSections: {
        populate: {
            picture: {
                fields: ["url", "alternativeText", "caption", "width", "height"],
            },
            buttons: {
                populate: true,
            },
            feature: {
                populate: {
                    fields: ["title", "description", "showLink", "newTab", "url", "text"],
                    media: {
                        fields: ["url", "alternativeText", "caption", "width", "height"],
                    },          
                    media2: {
                        fields: ["url", "alternativeText", "caption", "width", "height"],
                    },
                },
            },      
            background_picture: {
                fields: ["url", "alternativeText", "caption", "width", "height"],
            },

This somehow helps the builder populate the picture in the section included in the flexible content (I presume this code would allow all fields in all sections with the name background_picture)

Thanks for the swift reply and let me know if populating here can be done in a better way.

from nextjs-corporate-starter.

Glad you got it working.

from nextjs-corporate-starter.

I am going to close this, but let me know if you run into any other issues.

from nextjs-corporate-starter.