Auto Scroll Carousel pada Opencart

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

About the Author
T. Prihartanto
Saya Tanto Prihartanto, Pemilik Bestariweb Hosting yang sudah mulai menjalankan bisnis hosting sejak tahun 2012. Saya juga aktif berbagi artikel di beberapa blog seperti Tutorial Linux, Tutorial Wordpress, Tutorial Web Design. Semoga artikel dan tutorial yang saya tulis di web ini dan blog saya yang lain bisa bermanfaat bagi Anda.

Leave a Reply