WordPress.org

1. FotoAndy
   Member
   Posted 1 year ago #

   Hi all,

   While tweaking my site and enhancing navigation, I've come across code that has enabled my images' tags to show, as clickable search links no less!

   The code I've found in this post (modified from'tag/' to '?s=') is:
   

   <!-- START TAG DISPLAY ON EACH IMAGE-->
    	<?php $tags = wp_get_object_terms($image->pid,'ngg_tag') ?>
   
   <?php foreach ( $tags as $tag ) : ?>
     <a href="<?php bloginfo('url'); ?>/?s=<?php echo $tag->slug; ?>"><?php echo $tag->name; ?></a>
   <?php endforeach; ?>
   	<!-- END TAG DISPLAY ON EACH IMAGE -->

   If inserted in gallery.php like this

   <!-- Thumbnails -->
   
   	<?php foreach ( $images as $image ) : ?>
   
   	<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> >
   
   		<div class="ngg-gallery-thumbnail" >
   
   			<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
   
   				<?php if ( !$image->hidden ) { ?>
   
   				<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
   
   				<?php } ?>
   
   			</a>
   
   		</div>
   <strong>	<!-- START TAG DISPLAY ON EACH IMAGE-->
    	<?php $tags = wp_get_object_terms($image->pid,'ngg_tag') ?>
   
   <?php foreach ( $tags as $tag ) : ?>
     <a href="<?php bloginfo('url'); ?>/?s=<?php echo $tag->slug; ?>"><?php echo $tag->name; ?></a>
   <?php endforeach; ?>
   	<!-- END TAG DISPLAY ON EACH IMAGE --></strong>
   	</div>

   I get all my tags neatly outputed next to the gallery thumbnails (like this pic shows). When clicked, they work with the NextGen Search Engine plugin and deliver all photos tagged appropriately.

   Please, anyone know how to get these tags into a Lightbox viewer output ,for example under the image description? I use prettyPhoto, if that affects any big bit of reply.

2. FotoAndy
   Member
   Posted 1 year ago #

   Gah... Missed putting the link to the original code....

   http://wordpress.org/support/topic/272584?replies=3

3. rhysbwaller
   Member
   Posted 1 year ago #

   I would also like to add data to the Lightbox output, but cant seem to work out which file to edit.

4. FotoAndy
   Member
   Posted 1 year ago #

   ...Anyone? Bumping for the weekend crowd...

5. FotoAndy
   Member
   Posted 1 year ago #

   Ok, so with some pointers from a php god, I'm closer to displaying tags within lightbox.

   Closer, but not *there*, so please DO chime in if you know the last step..

   So now this ammended code is sitting in gallery.php, in the thumbnails code:

   <!-- Thumbnails -->
   
   	<?php foreach ( $images as $image ) : ?>
   
   	<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> >
   
   <div id="<?php echo 'tag_'.sha1($image->filename); ?>" style="display:none;">
   
   <a href="<?php echo $image->imageURL ?>" data-fb-options="caption:#<?php echo 'tag_'.sha1($image->filename); ?>">...</a>
   <?php $tags = wp_get_object_terms($image->pid,'ngg_tag') ?>
   
   <?php foreach ( $tags as $tag ) : ?>
   <a href="<?php bloginfo('url'); ?>/?s=<?php echo $tag->slug; ?>"><?php echo $tag->name; ?></a>
   <?php endforeach; ?>
   
   </div>
   		<div class="ngg-gallery-thumbnail" >
   
   			<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?> " <?php echo $image->thumbcode ?> >
   
   				<?php if ( !$image->hidden ) { ?>
   
   				<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
   
   				<?php } ?>

   ...which means that it's now outputting the correct links(see the source code on this Set), using data-fb-options as a hook. Just nothing shows in the lightbox view.

   Any thoughts on how to complete this to display in Floatbox, or in a lightbox in general?

6. FotoAndy
   Member
   Posted 1 year ago #

   Bit of a bummer, no help on this from the support forums. I really thought this one would ignite some brainstorming and resolution. :(

   Oh well, it is summer I suppose, what am I to moan?

   Regardless and with no will ill, I'll post updates as my php buddy gets time to help me with this, but since he's a busy wage slave, might be a while.

   ☮

7. noxuhax
   Member
   Posted 1 year ago #

   Maybe you should use native NGG tag engine instead of third-party search?
   To do this, I created a new page with [tagcloud] tag on it, then in code, you listed abode I changed URL of created link from <?php bloginfo('url'); ?>/?s=<?php echo $tag->slug; ?> to <?php bloginfo('url'); ?>/nggallery/page-275/tags/<?php echo $tag->slug; ?> where 275 is an ID of page with tagcloud. Worked for me (but i still have problem with non-english tag names, baw).

Topic Closed

This topic has been closed to new replies.