Menambahkan meta keyword di halaman HOME OpenCart
December 10, 2013
Sakatheme – Free WordPress Theme from Bestari Themes
April 7, 2014

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

Leave a Reply

Your email address will not be published. Required fields are marked *