It’s because I’ve enabled hidden images AND added the sale-price code from my previous post.
Everything worked fine before this, but I really needed the functionality that hidden images gives the user when using lightbox (shows all of the images without using pagination).
It’s basically hiding the image as it should, but I would also need it to hide the text and price too. I just can’t figure out how to do this and was hoping someone could give me some pointers.
Here is my custom gallery template for the page:
<?php
/**
Template Page for the gallery overview
Follow variables are useable :
$gallery : Contain all about the gallery
$images : Contain all images, path, title
$pagination : Contain the pagination content
You can check the content when you insert the tag <?php var_dump($variable) ?>
If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
**/
?>
<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
<div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>">
<?php if ($gallery->show_slideshow) { ?>
<!-- Slideshow link -->
<div class="slideshowlink">
<a class="slideshowlink" href="<?php echo nextgen_esc_url($gallery->slideshow_link) ?>">
<?php echo $gallery->slideshow_link_text ?>
</a>
</div>
<?php } ?>
<?php if ($gallery->show_piclens) { ?>
<!-- Piclense link -->
<div class="piclenselink">
<a class="piclenselink" href="<?php echo nextgen_esc_url($gallery->piclens_link) ?>">
<?php _e('[View with PicLens]','nggallery'); ?>
</a>
</div>
<?php } ?>
<!-- Thumbnails -->
<?php $i = 0; ?>
<?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-thumbnail2" >
<a href="<?php echo nextgen_esc_url($image->imageURL) ?>"
title="<?php echo esc_attr($image->description) ?>"
data-src="<?php echo nextgen_esc_url($image->imageURL); ?>"
data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
data-image-id="<?php echo esc_attr($image->pid); ?>"
data-title="<?php echo esc_attr($image->alttext); ?>"
data-description="<?php echo esc_attr($image->description); ?>"
<?php echo $image->thumbcode ?> >
<?php if ( !$image->hidden ) { ?>
<img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
<?php } ?>
</a>
<div class="sale-price">
<span class="was-price"><?php echo nggcf_get_field($image->pid, "Price Was"); ?></span>
<span class="now-price"><?php echo nggcf_get_field($image->pid, "Price Now"); ?></span>
</div>
<p><?php echo esc_attr($image->alttext) ?></p>
</div>
</div>
<?php if ( $image->hidden ) continue; ?>
<?php if ($gallery->columns > 0): ?>
<?php if ((($i + 1) % $gallery->columns) == 0 ): ?>
<br style="clear: both" />
<?php endif; ?>
<?php endif; ?>
<?php $i++; ?>
<?php endforeach; ?>
<!-- Pagination -->
<?php echo $pagination ?>
</div>
<?php endif; ?>
