Coding PHP

Auto Scroll Carousel pada Opencart

Auto Scroll Carousel pada Opencart Maret 1, 2014Leave a comment

HUMAYRAA merupakan salah satu bagian dari web Bestariweb Studio. HUMAYRAA.COM kami khususkan untuk berbagi pengalaman dan tutorial kepada seluruh pembaca yang berminat menggeluti dunia IT dan desain. Kunjungi pula web kami yang lainnya: Bestariweb Studio | BestariwebHost

Modul Carousel adalah salah satu modul default di Toko Online berbasis Opencart. Namun Carousel ini secara default tidak menyediakan animasi autoscroll. Dalam Tutorial Auto Scroll pada Opencart ini, kami akan memberikan sedikit tips bermanfaat bagi Anda para pengguna Toko Online Opencart :

Untuk membuat Carousel menjadi Auto Scroll, hanya diperlukan 3 langkah Mudah:

1. Login Ke Cpanel, Kemudian Buka File Manager. Edit File yang berlokasi di catalog/view/theme/theme-yang-anda-pakai/template/module/carousel.tpl. (Catatan : theme-yang-anda-pakai adalah folder dengan nama theme aktif.)

2. Isi dari file tersebut biasanya seperti ini :

<div id="carousel<?php echo $module; ?>">
<ul class="jcarousel-skin-opencart">
<?php foreach ($banners as $banner) { ?>
<li><a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" /></a></li>
<?php } ?>
</ul>
</div>
<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?> ul').jcarousel({
vertical: false,
visible: <?php echo $limit; ?>,
scroll: <?php echo $scroll; ?>
});
//--></script>

3. Ganti baris 10 (vertical: false,) menjadi vertical: false, auto: 3, wrap: 'circular',, kemudian save

4. Lihat Hasilnya. Carousel langsung bergeser secara otomatis.

Selamat mencoba

HUMAYRAA merupakan salah satu bagian dari web Bestariweb Studio. HUMAYRAA.COM kami khususkan untuk berbagi pengalaman dan tutorial kepada seluruh pembaca yang berminat menggeluti dunia IT dan desain. Kunjungi pula web kami yang lainnya: Bestariweb Studio | BestariwebHost

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *