I am building a photo gallery. I have a folder called "_small" which has small thumbnail images in to of the photo gallery images. I am using Expression image Grid to build the page. How do I call the the small image since the code already requires a ":"

Here is my code

    <img src="{photos:image:small}" alt="{photos:image_name}"> 

In other areas I called thumbs by using something like this:

<img src="{image:small}" alt="{image_name}">

But grid requires the field followed by a : to work, which seems like to many :'s to process. Any thoughts. Thanks for looking!

  • is 'image' the name of the field in your channel storing the image? Commented Dec 18, 2014 at 14:28
  • Image is the Grid field name where the image file is stored
    – Eric
    Commented Dec 18, 2014 at 16:46
  • I'm confused - does your code sample work or not? The format looks correct - grid_field_name:grid_column_name:image_manipulation_name. If it doesn't work, are you getting errors? Commented Dec 19, 2014 at 0:03
  • It is resolved, quite honestly I am not sure what started working but {photos:image:small} now does. Thanks everyone for your input!
    – Eric
    Commented Dec 19, 2014 at 21:13

1 Answer 1


Check out this tutorial from Mike Boying covering this exact subject: responsive portfolio site using Grid

His code for the slides looks similar to what you need.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.