<?php get_header(); ?>
<div id="primary" class="content-area">
<div class="row">
<div class="large-12 columns">
<div id="content" class="site-content attachement" role="main">
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<div class="row">
<div class="large-10 large-centered columns">
<h1 class="page-title"><?php the_title(); ?></h1>
</div><!-- .large-12 .columns -->
</div><!-- .row -->
<div class="row">
<div class="xlarge-8 large-10 xlarge-centered large-centered columns">
<div class="entry-meta-attachment">
<?php
$metadata = wp_get_attachment_metadata();
printf( __( 'Published <span class="entry-date"><time class="entry-date" datetime="%1$s">%2$s</time></span>. Size: <i class="fa fa-picture-o"></i> <a href="%3$s" title="Link to full-size image">%4$s × %5$s</a> in <i class="fa fa-folder-open"></i> <a href="%6$s" title="Return to %7$s" rel="gallery">%7$s</a>', 'shopkeeper' ),
esc_attr( get_the_date( 'c' ) ),
esc_html( get_the_date() ),
wp_get_attachment_url(),
$metadata['width'],
$metadata['height'],
get_permalink( $post->post_parent ),
get_the_title( $post->post_parent )
);
?>
</div><!-- .entry-meta -->
<div class="row">
<div class="small-6 columns">
<div class="previous-image"><span class="previous-arrow">< </span> <?php previous_image_link( false, __( 'Previous', 'shopkeeper' ) ); ?></div>
</div><!-- .large-2 .columns -->
<div class="small-6 columns">
<div class="next-image"><?php next_image_link( false, __( 'Next', 'shopkeeper' ) ); ?> <span class="next-arrow"> ></span></div>
</div><!-- .large-2 .columns -->
</div><!-- .row -->
</div><!-- .large-12 .large-centered .columns -->
</div><!-- .row -->
</header><!-- .entry-header -->
<div class="entry-content">
<div class="row">
<div class="large-10 large-centered columns without-sidebar">
<?php
/**
* Grab the IDs of all the image attachments in a gallery so we can get the URL of the next adjacent image in a gallery,
* or the first image (if we're looking at the last image in a gallery), or, in a gallery of one, just the link to that image file
*/
$attachments = array_values( get_children( array(
'post_parent' => $post->post_parent,
'post_status' => 'inherit',
'post_type' => 'attachment',
'post_mime_type' => 'image',
'order' => 'ASC',
'orderby' => 'menu_order ID'
) ) );
foreach ( $attachments as $k => $attachment ) {
if ( $attachment->ID == $post->ID )
break;
}
$k++;
// If there is more than 1 attachment in a gallery
if ( count( $attachments ) > 1 ) {
if ( isset( $attachments[ $k ] ) )
// get the URL of the next image attachment
$next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
else
// or get the URL of the first image attachment
$next_attachment_url = get_attachment_link( $attachments[ 0 ]->ID );
} else {
// or, if there's only 1 image, get the URL of the image
$next_attachment_url = wp_get_attachment_url();
}
?>
<a href="<?php echo esc_url($next_attachment_url); ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php
echo wp_get_attachment_image( $post->ID, "full" );
?></a>
</div><!-- .columns-->
</div><!--rows-->
</div><!-- .entry-content -->
</article><!-- #post-<?php the_ID(); ?> -->
<?php endwhile; // end of the loop. ?>
</div><!-- #content -->
</div><!-- .large-12 .columns -->
</div><!-- .row -->
</div><!-- #primary -->
<?php get_footer(); ?>