<?php
/**
* Justified Gallery block template
*
* @package Canvas
*/
$images = (array) ( isset( $attributes['images'] ) ? $attributes['images'] : array() );
if ( empty( $images ) ) {
return;
}
echo '<div class="' . esc_attr( $attributes['className'] ) . '" ' . ( isset( $attributes['anchor'] ) ? ' id="' . esc_attr( $attributes['anchor'] ) . '"' : '' ) . '>';
?>
<div
class='gallery cnvs-gallery-type-justified'
data-jg-margins="<?php echo esc_attr( $attributes['margins'] ); ?>"
data-jg-border="<?php echo esc_attr( $attributes['border'] ); ?>"
data-jg-row-height="<?php echo esc_attr( $attributes['rowHeight'] ); ?>"
data-jg-max-row-height="<?php echo esc_attr( $attributes['maxRowHeight'] ); ?>"
data-jg-last-row="<?php echo esc_attr( $attributes['lastRow'] ); ?>"
data-jg-captions="<?php echo esc_attr( $attributes['showCaptions'] ? 'true' : 'false' ); ?>"
data-jg-randomize="<?php echo esc_attr( $attributes['randomize'] ? 'true' : 'false' ); ?>"
>
<?php
foreach ( $images as $img ) {
$link = false;
switch ( $attributes['linkTo'] ) {
case 'post':
$link = get_the_permalink( $img );
break;
case 'file':
$link = wp_get_attachment_image_src( $img, 'full' )[0];
break;
}
?>
<figure class="gallery-item">
<?php if ( $link ) : ?>
<a href="<?php echo esc_url( $link ); ?>">
<?php endif; ?>
<?php echo wp_get_attachment_image( $img, $attributes['imageSize'] ); ?>
<?php if ( $link ) : ?>
</a>
<?php endif; ?>
<?php
if ( $attributes['showCaptions'] ) {
$caption = wp_get_attachment_caption( $img );
if ( $caption ) {
echo '<div class="caption wp-caption-text gallery-caption">' . wp_kses( $caption, 'post' ) . '</div>';
}
}
?>
</figure>
<?php
}
?>
</div>
<?php
echo '</div>';