Photo Title in CMS

Hello!

I am building out multiple CMS Collections that have Multiple Photos. They all have a title for the photo name - what is the easiest way to add in a title that links to the photo for the collections?

Thank you!
Dallas


Here is my public share link: LINK
(how to access public share link)

I’m not sure what you mean by linking, but if you’re trying to store a title with each photo, and display it.

The code way…

You could use use a multi-image field, and put the title as the alt text for each image. Then use custom code to extract that alt text and apply it to a visible heading.

The nocode way…

“Image group” collection, to represent a grouping of images.

“Images” collection, stores the individual images, one per item. Contains;

  • Image field
  • Name field, for the title
  • Seq numeric field for ordering, if you want
  • Ref to Image Group

In your other collections that need titled image sets, they’d ref to Image group.

The no-code approach works but admin is very painful.

1 Like

Hey I really appreciate the response!

The difficult part is there are so many different pages that have 10-20 photos in each. So whichever way would be the fastest - I also thought about just creating a grid layout in each and uploading them individually… I know that is way more work.

Here is a live link to one of the pages -
https://signworks-memphis-1.webflow.io/service/truck-wraps

They have at least 20 of these pages.

That’s why I’d go with the code approach. If it’s suitable for you from an SEO perspective, using that alt text field for your title just makes admin easier.

The code is simple but will depend on your page layout, where the title is going, etc. I’d recommend you use GPT for that. If you need someone to develop and test it, turn it into an attribute you can reuse, drop me a message.

1 Like