Answered Linking to an album within the moregallery plugin.

I have the moregallery plugin installed, and I have two separate pages. One page displays all of the photo albums I have, and displays the first image from each album as a thumbnail. When you hover over one of these thumbnails, a link appears to view the full corresponding album. It is pictured in the attached example 1. The moregallery plugin uses a template to generate the thumbnails.

My problem is then having the album selection page link to the second page which should show all of the images from the selected album. The album selection page is at mysite.com/albums, and the actual selected album is at mysite.com/albums/*albumname*. I cannot figure out how to make the "view full album" link to the mysite.com/albums/*albumname* page.

I believe it is something simple that I am missing. If anyone could tell me how I can link to the second page that would be wonderful. I have also included an image attachment (example2) of what the second page looks like.

Hey nick

Attachments don't currently work here on the forums but if I understand what you're doing correctly then you just need to place the self containing link tag in your chunk that calls your thumbnails for each resource/album.

Example would be
<a href="[[~[[+id]]]]"><img src="thumbnail path"></a>

Typing on a mobile phone so forgive any errors in writing.

Quote from: lkfranklin at Feb 05, 2018, 01:17 PM

Hey nick


Example would be
<a href="[[~[[+id]]]]"><img src="thumbnail path"></a>

Essentially, here is the chunk that is created to list the albums

<!-- ITEM -->
<article class="portfolio-item pf-web-design">
<div class="portfolio-image"> <a href=""><img class="img-responsive" alt="Open Imagination" src="[[+file_url:pthumb=`w=435&h=395&zc=1`]]"> </a>
<div class="portfolio-overlay style-4">
<div class="detail-info">
<div class="position-center-center">
<h3 class="no-margin">[[+name]]</h3>
<hr class="balck">
<span><a href="[[~[[+id]]]]">VIEW FULL ALBUM</a></span></div>
</div>
</div>
</div>
</article>

As you can see, I am trying to have the "VIEW FULL ALBUM" be the link. What amendments can i make to this to make it work? The src="+[[file_url....... part is outputting the first image from the proper gallery in this instance. As you can see, I am trying to have the actual link to the album a few lines below as when you hover over the image an overlay shows.

Did you mean "black" ??

haha

You may also want to remove the empty href tag on the first anchor or replace it with a div if your CSS scope doesn't depend on it.



Also, I'm not sure if you need the .html after the [[+resource.alias]], but I could be wrong.