Jump to content

How to add <li> element in a ipsGrid.


Matteo Casasanta
 Share

Recommended Posts

Hello guys, I'm trying to modify my gallery theme. I just want to add a centred button under each photos. 

{{foreach $images as $image}}
    <li class='ipsGrid_span4 data-role='patchworkImage' data-json='{$image->json()|raw}'>
        <div data-grid-ratio='65'>
            <a href><img src=... alt='' class='cGalleryThumb'>&nbsp; </a>
            {{if $table->canModerate()}}  [...]
        </div>
        <ul class='ipsList_inline ipsType_medium ipsClearfix'>
           [...]
        </ul>
    </li>
<!-- WHAT I ADDED-->
    <li>
        <a href='www.google.com' class='ipsButton ipsButton_overlaid ipsButton_verySmall' title='ciao' data-ipsTooltip><i class='fa fa-download'></i></a>
    </li>
{{endforeach}}

 

what am I missing? do I have to create a custom css for it? Or maybe do I need to change the grid template?

 

Edited by Lgnow
Link to comment
Share on other sites

Seems like you're over complicating things. Just add the button inside your grid item :)

{{foreach $images as $image}}
    <li class='ipsGrid_span4' data-role='patchworkImage' data-json='{$image->json()|raw}'>
        <div data-grid-ratio='65'>
            <a href><img src=... alt='' class='cGalleryThumb'>  </a>
            {{if $table->canModerate()}}  [...]
        </div>
        <ul class='ipsList_inline ipsType_medium ipsClearfix'>
           [...]
        </ul>
        <div>
            <a href='www.google.com' class='ipsButton ipsButton_overlaid ipsButton_verySmall' title='ciao' data-ipsTooltip><i class='fa fa-download'></i></a>
        </div>
    </li>
{{endforeach}}

 

Edited by ehren.
Link to comment
Share on other sites

When you use the 'patchwork' layout (where blocks of images are shown side by side), javascript ends up taking each image and reformatting it based on the Gallery patchwork javascript template. Basically, you won't be able to easily do this unless you write a javascript mix in (or find a way to modify the javascript template, which isn't possible through the interface).

Specifically the js template or templates you would want to look at are gallery.patchwork.indexItem and gallery.patchwork.tableItem

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...