Caption AND description on grid gallery - Pacific

Hey,

Figured someone else may look for this, if you add jQuery to the footer Code Injection:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

You can then add a Code Block to the page with the Grid Gallery Block (images need to be on a Gallery Page) and then in the code below, update the /collections part in

$.getJSON("/collections?format=json", function(result){

with the URL slug of the Gallery Page it is pulling from.

<script>$(document).ready(function(){
   $.getJSON("/collections?format=json", function(result){
     console.log(result.items);
       $.each(result.items, function(i, field){

           $(".image-slide-title").eq(i).parent().append('<div class="grid-description">' +result.items[i].body + "</div>");
       });
   });

});
</script>

CSS wise, the description is controlled by the class

.grid-description

Hope this helps someone else!

Thank you. This worked perfectly for me. I ONLY wanted the description to display so I changed LINE 6 from .parent() to .empty() the TITLE field, thereby replacing the title with the description instead, since the description field can contain html (links and formatting):

$(".image-slide-title").eq(i).empty().append('<div class="grid-description">' +result.items[i].body + "</div>");

This didn't work for me. Using the Brine template. Any idea what I'm doing wrong?

I'm using the York template and this hasn't worked for me. Do you have any insight? I've tried looking to see if .grid-description is the right class for my template, but I'm stuck. Thanks in advance!