Photo Album in other parts of a template

[frien337]

Hi everyone,

does anyone know the code that I can use to show the users’ photo album elsewhere in the profile template. I have disabled them from showing in the profile header and I just need to figure out how to show them underneath the profile accordion.

I have some code that does work, however, I want the images to show in the same way as the do in the proffile header and this code pulls them in shown in their full size – Ie, I want the cropped thumbnails and nice hover over effect:

COPY CODE

<div id="photos">
<?php bp_album_query_pictures(); ?>
<?php if ( bp_album_has_pictures() ) : ?>
	<div id="styled-box-title">
		<h4>My Photos</h4>
	</div>
			<ul class="slides">
        <?php while ( bp_album_has_pictures() ) : bp_album_the_picture(); ?>
					<li>
                    <a>" title="<?php bp_album_picture_title(); ?>">
						<img />' alt="<?php bp_album_picture_desc(); ?>" height="100" width="100"/>
					</a>
					</li>
        <?php endwhile; ?>
			</ul>
<?php endif; ?>
</div>

Hope someone can help me?

Thanks,Ryan

[Abe]

Hi, This is the php code to elp you achieve that

COPY CODE

$output = '';
bp_album_query_pictures('per_page=100');
if ( bp_album_has_pictures() ) :

		$output = '<div id="gallery-carousel">';
		while ( bp_album_has_pictures() ) : bp_album_the_picture();
				$output .= '<span class="circle">';
					$output .= '<a href="'.bp_album_get_picture_original_url().'" class="imagelink" data-rel="prettyPhoto[gallery2]">';
						$output .= '<span class="overlay"></span>';
						$output .= '<span class="read"><i class="icon-'. apply_filters('kleo_img_rounded_icon','heart').'"></i></span>';
						$output .= '<img src="'.bp_album_get_picture_original_url().'" alt="">';
					$output .= '</a>';
				$output .= '</span>';
		endwhile;
		$output .= '</div><!--end #gallery-carousel-->';
		$output .= '<div class="clearfix"></div>
		<div class="four columns centered btn-carousel hide-for-small">
			<small><a href="#" id="stanga-prev">'. __("PREVIOUS", 'kleo_framework').'</a>     
			<a href="#" id="dreapta-next">'. __("NEXT", 'kleo_framework').'</a></small>
		</div>';

endif; 

echo $output;

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[frien337]

Thanks Abe! This has worked perfectly 🙂

[Author]

Posts