I would like to add a unique link to each of a repeatable series of editable image tags. I seem to have a lot of options for images in richtext types but less so in the image type. Is there a method or workaround?

The template is as follows:

Code: Select all

      <cms:editable  type='group' name='jobTypes' label='Overview' desc='Short introduction and job types (should stick to four)' order='2' />
         <cms:editable type='textarea' name='prop_desc' label='Description' desc='Homepage Overview' group='jobTypes' />
         <cms:repeatable name='jobType' label='Job Types' group='jobTypes'>
            <cms:editable type='text' name='jobTitle' label='Job Type Title' />
            <cms:editable type='image' name='jobImage' label='Job Image' show_preview='1' preview_width='120' input_width='120' />
            <cms:editable type='textarea' name='jobDescription' label='Job Type Description' />
            <cms:editable type='text' name='jobLink' label='Job Link (do not edit)' />
         </cms:repeatable>

And the deployment as follows:

Code: Select all

               <ul id="work-block" class="medium-block-grid-2 large-block-grid-4">
                  <cms:show_repeatable 'jobType'>
                     <li>
                        <h6><cms:show jobTitle /></h6>
                        <img src="<cms:show jobImage />">
                        <p><cms:show jobDescription /></p>
                        <a href="<cms:show jobLink />">&nbsp;&nbsp;&nbsp;Learn More</a>
                     </li>
                  </cms:show_repeatable>
               </ul>

Thanks!

[KK]

Not sure if I understood the problem fully, Graham.
If you wish to add a link to the image, you can define another text region to hold the link and use it, for example, as follows -

Code: Select all

<a href="<cms:show image_link />"><img src="<cms:show jobImage />"></a>

Any problem with this approach?

None - just being dumb.....

Thanks

[KK]