Menampilkan Galeri berdasarkan id album tertentu
- Administrator
- Gallery, Album
- 1550 Kali Dilihat
- 0 Komentar
Yang dimaksudkan Menampilkan Galeri berdasarkan id album tertentu pada artikel ini adalah: Kita ambil contoh default album pada PopojiCms memiliki 4 album, dimana masing-masing album terdiri dari kumpulan photo dalam sebuah galeri. Dari 4 album tersebut kita hanya ingin tampilkan 1 album saja, maka berikut ini adalah cara bagaimana dapat melakukanya.
Jika anda ingin menampilkan galeri dari id album tertentu tetap pada elemen album dan galeri, maka silahkan rubah snippet pada halaman album menggunakan snippet di bawah ini!
Tapi jika anda ingin menampilkan galeri dari id album tertentu pada halaman yang berbeda, maka silahkan tambahkan snippet dibawah pada halaman yang diinginkan!
<section id="content">
<div class="content-wrap">
<div class="container clearfix">
<div id="portfolio" class="portfolio-masonry clearfix">
<?php
$limit = '8';
$offset = $this->pocore()->call->popaging->searchPosition($limit);
$albums = $this->pocore()->call->podb->from('gallery')
->orderBy('id_album DESC')
->where('id_album', '2')
->limit($offset.','.$limit)
->fetchAll();
foreach($albums as $alb) {
?>
<div class="col-md-4">
<article class="portfolio-item">
<div class="portfolio-image">
<a href="<?=BASE_URL.'/gallery/'.$this->e($alb['seotitle']);?>">
<img src="<?=BASE_URL.'/'.DIR_CON.'/uploads/medium/medium_'.$alb['picture'];?>" alt="<?=$alb['title'];?>">
</a>
<div class="portfolio-overlay">
<a href="<?=BASE_URL.'/'.DIR_CON.'/uploads/'.$alb['picture'];?>" class="left-icon" data-gal="prettyPhoto" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="<?=BASE_URL.'/gallery/'.$this->e($alb['seotitle']);?>" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h4><a href="<?=BASE_URL.'/gallery/'.$this->e($alb['seotitle']);?>"><?=$alb['title'];?></a></h4>
</div>
</article>
</div>
<?php } ?>
</div>
<script type="text/javascript">
jQuery(window).load(function(){
var $container = $('#portfolio');
$container.isotope({ transitionDuration: '0.65s' });
$(window).resize(function() {
$container.isotope('layout');
});
});
</script>
</div>
</div>
</section>