I am trying to simply create a slider using Grid. The 'small' images would be the thumbs etc.

Have to say, I have worked on this for more then 2 hours trying to see what is up...but I am obviously hitting a block and missing something...maybe fresh eyes from someone else could help - thanks

Upload Directory: video_images
Image Manipulation: small
Grid Field Name: project_slideshow

Here is what I have but I cannot get this to load the 'small' image

                <div class="nomargin masonry-thumbs col-4" data-lightbox="gallery">
                <a href="{project_slideshow:slide_image}" data-lightbox="gallery-item">
                <img class="image_fade" src="{slide_image:small}">

Here is the test page:


  • Have you set up a small version under the image manipulations? See reference here: docs.expressionengine.com/latest/fieldtypes/… Oct 31, 2016 at 10:05
  • Thanks for taking the time:Yes...I did. I even checked via FTP to confirm that the 'small' images were being generated.
    – Matt
    Nov 1, 2016 at 17:52
  • It's not because slide_image:small should read project_slideshow:slide_image:small is it? Nov 1, 2016 at 19:21

1 Answer 1


For those in the future, if you're using Assets as your fieldtype, it has a different syntax to access image manipulations. Example code that works :

<div class="hero__slide" style="background-image:url('{home_slider:background_image:url:large}')">
    <div class="hero__info">

The syntax for accessing is {thegridfield:theimagefield:url:manipulationName}. That will output the absolute URL to the manipulated file.

See docs here

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.