blueclean opencart theme

blueclean opencart theme

blueclean opencart themeSiapa yang tidak tau opencart, tunjuk jari..! Opencart adalah salah satu dari CMS opensource yang bisa kita pakai untuk membuat toko online.? Saya sendiri memakai opencart untuk salah satu web took online saya. Selain simple, CMS ini juga lumayan ringan dalam hal loading di banding CMS lain. Dan salah satu kelebihannya space yang di butuhkan untuk instalasi CMS opencart ini tidak terlalu besar.

Dan saya sempet membuat beberapa Template opencart. Dan blue clean ini adalah salah satunya. Salah satu kelebihan template ini saya menambahlan slide di halaman utama atau home page. Dan ini bisa anda atur slidenya dari halaman admin . Dengan menambahkan beberapa script yang saya sertakan di bundle templatenya.

Saya juga akan mencoba membedahnya di sini.

Setelah anda upload semua file dan image templatenya, aktifkan templatnya. Kemudian di? menu System? Store. Pada Welcome Message Pilih Menu Source. Dan masukan Script? berikut ini .

<div id=”slide-holder”>

<div>

<a href=”http://lapakonline.net”><img align=”middle” alt=”” border=”2″ class=”slide” height=”250″ hspace=”5″ id=”slide-img-1″ src=”http://localhost/opencart/image/data/apple_cinema_30.jpg” vspace=”5″ width=”550″ /></a> <a href=”http://omagus.com”><img alt=”kamera keren” border=”2″ height=”300″ hspace=”5″ src=”http://localhost/opencart/image/data/canon_eos_5d_1.jpg” vspace=”5″ width=”550″ /></a> <a href=”http://localhost/open/admin/”><img alt=”” border=”2″ height=”300″ hspace=”5″ src=”http://localhost/opencart/image/data/hp_1.jpg” vspace=”5″ width=”550″ /></a> <a href=”http://localhost/open/admin/”><img alt=”” border=”2″ height=”300″ hspace=”5″ src=”http://localhost/opencart/image/data/iphone_3.jpg” vspace=”5″ width=”550″ /></a> <a href=”http://localhost/open/admin/”><img alt=”” border=”2″ height=”300″ hspace=”5″ src=”http://localhost/opencart/image/data/ipod_shuffle_5.jpg” vspace=”5″ width=”550″ /></a> <a href=”http://localhost/open/admin/”><img alt=”” height=”300″ id=”slide-img-7″ src=”http://localhost/opencart/image/data/sony_vaio_3.jpg” width=”550″ /></a>

<div id=”slide-controls”>

<p class=”text”>

<strong>Title: </strong></p>

<p class=”text”>

<a href=”http://localhost/open/admin/”> satu dua tuiga</a></p>

<p id=”slide-nav”>

&nbsp;</p>

</div>

</div>

</div>

<script type=”text/javascript”>

if(!window.slider) var slider={};slider.data=[{“id”:”slide-img-1″,”client”:”satu dua”,”desc”:”Kamera keren”},{“id”:”slide-img-2″,”client”:”tiga empat”,”desc”:”omagus ganteng”},{“id”:”slide-img-3″,”client”:”nature beauty”,”desc”:”add your description here”},{“id”:”slide-img-4″,”client”:”nature beauty”,”desc”:”add your description here”},{“id”:”slide-img-5″,”client”:”nature beauty”,”desc”:”add your description here”},{“id”:”slide-img-6″,”client”:”nature beauty”,”desc”:”add your description here”},{“id”:”slide-img-7″,”client”:”nature beauty”,”desc”:”add your description here”}];

</script>

blueclean opencart theme

Pada ID Slide Runnernya anda bisa mengganti? image dan link sesuai kemauan anda. Untuk mempertahankan kerapian dan kecantikan tokoonline anda . Atur image pada slidenya berukuran 550px X 300px.

Dan untuk deskripsinya? ganti Tulisan Add Description pada javacript sesuai dengan id gambar yang ada di script atas.

bagi yang mau mendownloadnya silahkan klik pada preview gambar di atas.

9 Comments

  1. Firefox 3.6.13 Windows XP

    Bro… mau tanya gimana ya cara nya update versi opencart dari 1.4.7 ke 1.49 tanpa menghapus isi data sebelumnya
    tks…y…

  2. Firefox 3.6.13 Windows 7

    penempatan slider di welcome page ide bagus… tapi inggal download aja yg gratisan di extension modul opencartnya. di situ ada pasang slider dengan instal module (gratisan) . jadi welcome message bisa difungsikan sebagai benar2 welcome message..

  3. Author
    Firefox 3.6.13 Windows 7

    relatif tergantung siapa yang make..!
    tapi kalao penggunaannya lebih simpel opencart
    menurutku sih 😀

Leave a Reply