Display image from nested collection

[XtremeExposures (Al)]

Hi,

I have an issue which I’m not sure is a bug or a limitation of the CMS and I’d appreciate someone’s experience.

I have a CMS collection called testimonials which is used as a reference within another cms collection called service options (there are four of these: individual, company, in studio or on location).

On my service options template page i’m trying to add a single testimonial item for the specific service option page that is showing.

I’ve selected the right testimonial item using the conditional filtering and my design has a photo of the testimonial’s author, their name and title plus their comments. However, when trying to connect these elements up to the CMS there’s no link available for the photo element - the testimonial reference is not showing. I can connect all other elements (heading, text etc) but not the photo.

Am I missing something which is causing me to not be able to connect the photo element when all others within the nested reference are available for me to do so?

Can anyone figure out why I cannot connect my photo?

Thanks.

Al

Here is my public share link: LINK

[Stan (justAnotherDeveloper)]

hi @XtremeExposures there is some misconception how testimonials content are mainly done.

Now back to your issue. To be able to get image that is set in your testimonial as reference you need to:

1. introduce nested collection
2. assign this collection to Testimonials (from options)
3. add image element (in this nested collection)
4. from image options choose Testimonial Image
5. set condition that will show correct (single) image
6. done

IMO this setting for testimonial image is overkill but if it is what you need …
The easiest way IMO is to set image directly as part of testimonial.

Hope that helps.

[Stan (justAnotherDeveloper)]

hi @XtremeExposures do you need more information? If description helped you to solve your issue feel free to close your issue as solved.

[XtremeExposures (Al)]

Hi @Stan ,

Thanks for taking the time to look into my issue.

I’m not sure this is the solution I’m after for one main reason:

The content (paragraph, white heading ‘Ines…’ and orange heading ‘brand owner’) has come from a nested reference in my template page’s CMS collection.

If you were to check the CMS catalogue for a collection of type ‘Service Options’ you’d find I’d already created a reference to the collection of type ‘testimonials’ - this is where the aforementioned elements are seen in the CMS.

Why can I access the testimonial author parameter (shown as ‘Ines Mulleneers’ on your screenshot), author role (‘Brand Owner’) and testimonial text but I cannot access the author’s image? Is it because the image is also a reference to another CMS collection and therefore the image needs special attention because it’s ‘double nested’?

Please see the images attached for further info.

[Stan (justAnotherDeveloper)]

hi @XtremeExposures your collection is bind to service Options and you can directly access referenced items from multi-field but testimonial is reference to collection and that is a big difference. That’s why I have recommend to introduce a new collection to have access to referenced images and filter out image related to your testimonial.

[XtremeExposures (Al)]

@Stan your last comment is what’s fixed this.

By having the nested images (Service option → Services → Testimonials → Images) I wasn’t able to get what I needed and couldn’t work out why not. I’ve since removed the reference to the image and replaced it with an uploaded version.

Thanks for your help.