Post by meiomhe1 » Wed Jun 02, 2010 3:22 pm

Para master, bagaimana cara menggunakan Nivo Slider?
http://nivo.dev7studios.com/

saya mencoba copy semua script yang ada ke homepage malalui system/settings

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jq ... ery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<div id="slider">
<img src="www.xxx.com/images/slide1.jpg" alt="" />
<a href="http://dev7studios.com"><img src="www.xxx.com/images/slide2.jpg" alt="" /></a>
<img src="www.xxx.com/images/slide3.jpg" alt="" title="This is an example of a caption" />
<img src="www.xxx.com/images/slide4.jpg" alt="" />
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>

lalu upload file yang didownload ke root

Gambarnya muncul, tetapi sliding dan tampilannya berantakan. apa ada kesalahan yang saya lakukan?

New member

Posts

Joined
Sat Jan 30, 2010 4:41 am

Post by ekobayong » Mon Jun 07, 2010 11:06 am

meiomhe1 wrote:Para master, bagaimana cara menggunakan Nivo Slider?
http://nivo.dev7studios.com/

saya mencoba copy semua script yang ada ke homepage malalui system/settings

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jq ... ery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<div id="slider">
<img src="www.xxx.com/images/slide1.jpg" alt="" />
<a href="http://dev7studios.com"><img src="www.xxx.com/images/slide2.jpg" alt="" /></a>
<img src="www.xxx.com/images/slide3.jpg" alt="" title="This is an example of a caption" />
<img src="www.xxx.com/images/slide4.jpg" alt="" />
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>

lalu upload file yang didownload ke root

Gambarnya muncul, tetapi sliding dan tampilannya berantakan. apa ada kesalahan yang saya lakukan?

Untuk kasus yang saya coba ini bukan dengan mengubah isi welcome page melalui fasilitas admin-system-setting.
Tetapi dengan menambahkan langsung di file-file template. (asumsi template yang dipakai adalah template default dari opencart).
Opencart yang saya gunakan adalah versi 1.4.7.

- Download file yang diperlukan untuk nivo-slider ini. (tentu anda sudah lakukan)
- Edit file nivo-slider.css hasil download tadi...
tambahkan dibaris paling bawah :
#slider {
position:relative;
/*see the "style-pack" below for image*/
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

Simpan kembali.

- copykan (upload) file jquery.nivo.slider.js ke folder catalog/view/javascript
(atau file jquery.nivo.slider.pack.js) tergantung yang anda download (versi production atau versi development). saya kebetulan download yang versi development, sehinggga nama filenya tanpa .pack.js
- copykan (upload) file nivo-slider.css yang telah diedit tadi ke folder catalog/view/theme/default/stylesheet

- File-file image yang akan dibuat slider saya kumpulkan di folder sliderimage. Tentu anda sudah tahu untuk
membuat file dengan lebar dan tinggi yang sama.
- upload folder tersebut ke catalog/view/theme/default

- Buka file header.tpl yang ada di folder catalog/view/theme/default/template/common

cari baris yang berisi : (di source code saya ada di baris 17.
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
tambahkan baris berikut dibawahnya:
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/nivo-slider.css" />

cari baris yang berisi : (di source code saya ada di baris 33)
<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>
tambahkan baris berikut :
<script type="text/javascript" src="catalog/view/javascript/jquery.nivo.slider.js"></script>
(atau jquery.nivo.slider.pack.js... sekali lagi tergantung versi yang anda download)

tambahkan kode dari nivo-slider (ada perubahan disaya dimana controlNav: saya buat jadi false
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:false, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>


persis diatas kode html </head>
Simpan kembali file header.tpl.

Buka file home.tpl yang ada difolder catalog/view/theme/default/template/common
dibawah baris yang berisi (pada source code saya di baris 10).
<div class='middle'>
tambahkan kode html untuk image-image yang akan dibuat slider.
<div id="slider">
<img src="catalog/view/theme/default/sliderimage/satu.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/dua.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/tiga.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/empat.jpg" alt="" />
</div>


(ingat, dalam contoh ini file-file image saya tempatkan di folder catalog/view/theme/default/sliderimage )

Reload (refresh) browser anda. Di komputer saya berjalan dengan baik
(saya testing di opera, firefox dan IE.)

semoga membantu....


Happy selling...

(EkoBayong... never be a master

User avatar
New member

Posts

Joined
Wed Apr 28, 2010 11:16 am

Post by feed » Tue Jun 15, 2010 1:29 am

ekobayong wrote:
meiomhe1 wrote:Para master, bagaimana cara menggunakan Nivo Slider?
http://nivo.dev7studios.com/

saya mencoba copy semua script yang ada ke homepage malalui system/settings

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jq ... ery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<div id="slider">
<img src="www.xxx.com/images/slide1.jpg" alt="" />
<a href="http://dev7studios.com"><img src="www.xxx.com/images/slide2.jpg" alt="" /></a>
<img src="www.xxx.com/images/slide3.jpg" alt="" title="This is an example of a caption" />
<img src="www.xxx.com/images/slide4.jpg" alt="" />
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>

lalu upload file yang didownload ke root

Gambarnya muncul, tetapi sliding dan tampilannya berantakan. apa ada kesalahan yang saya lakukan?

Untuk kasus yang saya coba ini bukan dengan mengubah isi welcome page melalui fasilitas admin-system-setting.
Tetapi dengan menambahkan langsung di file-file template. (asumsi template yang dipakai adalah template default dari opencart).
Opencart yang saya gunakan adalah versi 1.4.7.

- Download file yang diperlukan untuk nivo-slider ini. (tentu anda sudah lakukan)
- Edit file nivo-slider.css hasil download tadi...
tambahkan dibaris paling bawah :
#slider {
position:relative;
/*see the "style-pack" below for image*/
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

Simpan kembali.

- copykan (upload) file jquery.nivo.slider.js ke folder catalog/view/javascript
(atau file jquery.nivo.slider.pack.js) tergantung yang anda download (versi production atau versi development). saya kebetulan download yang versi development, sehinggga nama filenya tanpa .pack.js
- copykan (upload) file nivo-slider.css yang telah diedit tadi ke folder catalog/view/theme/default/stylesheet

- File-file image yang akan dibuat slider saya kumpulkan di folder sliderimage. Tentu anda sudah tahu untuk
membuat file dengan lebar dan tinggi yang sama.
- upload folder tersebut ke catalog/view/theme/default

- Buka file header.tpl yang ada di folder catalog/view/theme/default/template/common

cari baris yang berisi : (di source code saya ada di baris 17.
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
tambahkan baris berikut dibawahnya:
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/nivo-slider.css" />

cari baris yang berisi : (di source code saya ada di baris 33)
<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>
tambahkan baris berikut :
<script type="text/javascript" src="catalog/view/javascript/jquery.nivo.slider.js"></script>
(atau jquery.nivo.slider.pack.js... sekali lagi tergantung versi yang anda download)

tambahkan kode dari nivo-slider (ada perubahan disaya dimana controlNav: saya buat jadi false
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:false, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>


persis diatas kode html </head>
Simpan kembali file header.tpl.

Buka file home.tpl yang ada difolder catalog/view/theme/default/template/common
dibawah baris yang berisi (pada source code saya di baris 10).
<div class='middle'>
tambahkan kode html untuk image-image yang akan dibuat slider.
<div id="slider">
<img src="catalog/view/theme/default/sliderimage/satu.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/dua.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/tiga.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/empat.jpg" alt="" />
</div>


(ingat, dalam contoh ini file-file image saya tempatkan di folder catalog/view/theme/default/sliderimage )

Reload (refresh) browser anda. Di komputer saya berjalan dengan baik
(saya testing di opera, firefox dan IE.)

semoga membantu....


Happy selling...

(EkoBayong... never be a master
Wah... pak Bayon hebat....
Singkat tepat, dan padat O0

Kalo mau slide yang sama tapi dihalama laen, seperti di categori atau di salah satu halamat informasi bagaiman caranya?

Dimana lagi nyimpen kode ininya?

Code: Select all

<div id="slider">
<img src="catalog/view/theme/default/sliderimage/satu.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/dua.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/tiga.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/empat.jpg" alt="" />
</div>
atau ngulang lg smuanya dari awal?
Mohon di uraikan ::)
Terima kasih banyak

Please try my Free and real time web translator made with Google API. and let me know what ya think :)


User avatar
New member

Posts

Joined
Fri Jun 11, 2010 5:21 am

Post by ekobayong » Fri Jun 18, 2010 4:41 pm

ok...
sekedar contoh:
Jika anda ingin menambahkan slide tersebut di halaman contact:
maka buka file contact.tpl (yang ada di folder catalog/view/theme/default/template/information)
tambahkan kode slider
<div id="slider">
<img src="catalog/view/theme/default/sliderimage/satu.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/dua.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/tiga.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/empat.jpg" alt="" />
</div>

persis dibawah baris
<div class="middle">
(anda tidak perlu melakukan semuanya dari awal. cukup seperti contoh diatas, tidak perlu lagi sentuh header.tpl.)

Di folder catalog/view/theme/default/template anda juga melihat folder yang lain yang berisi template-template file yang lain. Jika anda mau ubah semuanya... silahkan ubah satu-satu masing-masing file tpl tadi.

Jika yang diinginkan memang di seluruh halaman slider tersebut muncul.... tambahkan kode-kode tadi langsung di header.tpl dibaris paling bawah tambahkan.
<div id="slider">
<img src="catalog/view/theme/default/sliderimage/satu.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/dua.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/tiga.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/empat.jpg" alt="" />
</div>

Hapus yang ada di home.tpl, karena sudah tidak diperlukan lagi.
Dengan demikian setiap halaman akan menampilkan slider tadi tanpa perlu ubah file .tpl satu per satu.

Selamat mencoba

Happy Selling...

User avatar
New member

Posts

Joined
Wed Apr 28, 2010 11:16 am

Post by bebaspromo » Fri Jul 02, 2010 3:55 pm

Setelah langkah2 yang disampaikan Bung Ekobayong,

Code: Select all

<div id="slider">
<img src="catalog/view/theme/default/sliderimage/satu.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/dua.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/tiga.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/empat.jpg" alt="" />
</div>
bisa juga kalau mau diisikan di welcome message (system > setting > Store)
copas aja pada mode "source"

setidaknya, berhasil di saia ...

User avatar
Active Member

Posts

Joined
Tue Dec 22, 2009 9:14 pm

Post by qahar » Fri Jul 02, 2010 10:36 pm

bebaspromo wrote:Setelah langkah2 yang disampaikan Bung Ekobayong,

Code: Select all

<div id="slider">
<img src="catalog/view/theme/default/sliderimage/satu.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/dua.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/tiga.jpg" alt="" />
<img src="catalog/view/theme/default/sliderimage/empat.jpg" alt="" />
</div>
bisa juga kalau mau diisikan di welcome message (system > setting > Store)
copas aja pada mode "source"

setidaknya, berhasil di saia ...
emang tampilannya jadi gimana bro?
oh ya, untuk bro ekobayong saya minta maaf ga nyantumin njenengan di credit theme default2. kan saya bisa pasang nivo slider dari sini. di v.0.2 sudah saya cantumkan. Terima kasihh atas tutorialnya.

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by bebaspromo » Sat Jul 03, 2010 6:19 am

Tampilannya seperti ini, Bro :

Image

Isi dari Welcome Messagenya :

Code: Select all

     <h1>Welcome to our store!</h1>
     <p>&nbsp;</p>
     <div class="headbg">&nbsp;</div>
     <div id="slider">
     <img alt="" src="catalog/view/theme/default/slider/satu.jpg" /> 
     <img alt="" src="catalog/view/theme/default/slider/dua.jpg" /> 
     <img alt="" src="catalog/view/theme/default/slider/tiga.jpg" /> 
     <img alt="" src="catalog/view/theme/default/slider/empat.jpg" />
     </div>
saia pakai folder "slider" untuk image2nya ...

User avatar
Active Member

Posts

Joined
Tue Dec 22, 2009 9:14 pm

Post by qahar » Sat Jul 03, 2010 3:41 pm

wah, ternyata bisa gitu juga ya.. ni lagi coba2 buat module untuk Nivo. Jadi ntar tinggal pilih gambar mana aja yang mau dijadikan slide.
desainnya bagus mas, cuman kalau menurut saya pilihan warnanya kurang "hidup" CMIIW

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by bebaspromo » Sat Jul 03, 2010 4:31 pm

qahar wrote:wah, ternyata bisa gitu juga ya.. ni lagi coba2 buat module untuk Nivo. Jadi ntar tinggal pilih gambar mana aja yang mau dijadikan slide.
enaknya kalau bisa coding seperti Anda ...
qahar wrote: desainnya bagus mas, cuman kalau menurut saya pilihan warnanya kurang "hidup" CMIIW
trims, bung .... (bisanya cuma utak-atik, nih... pure trial error)
soal warna theme yg sedang saia utak atik memang berbasis 1 warna utama, paling yang membedakan ada yang lebih tua, muda dan agak terang ;D

rencananya ada 4 warna : default (seperti yg di atas), greywhite, greenlight dan pinky ;D

User avatar
Active Member

Posts

Joined
Tue Dec 22, 2009 9:14 pm

Post by qahar » Sat Jul 03, 2010 4:34 pm

saya web designer mas, masih blajar juga coding web programer.

kalau liat background and productnya, ntar yg bagus kayaknya theme warna greywhite :)

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by bebaspromo » Sat Jul 03, 2010 4:37 pm

qahar wrote:saya web designer mas, masih blajar juga coding web programer.

kalau liat background and productnya, ntar yg bagus kayaknya theme warna greywhite :)
lah, produknya kan bawaannya OC, bung?
kecuali yang di Nivo Slidernya :)

User avatar
Active Member

Posts

Joined
Tue Dec 22, 2009 9:14 pm

Post by qahar » Sat Jul 03, 2010 4:51 pm

bebaspromo wrote:lah, produknya kan bawaannya OC, bung?
kecuali yang di Nivo Slidernya :)
maksud saya juga itu, experia kan warnanya grayscale :)
mau di jual apa pake sendiri boz

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by bebaspromo » Sat Jul 03, 2010 4:55 pm

qahar wrote:mau di jual apa pake sendiri boz
belum diputuskan ... ;D sementara masuk stok dulu ....

User avatar
Active Member

Posts

Joined
Tue Dec 22, 2009 9:14 pm

Post by qahar » Sat Jul 03, 2010 5:16 pm

bebaspromo wrote:belum diputuskan ... ;D sementara masuk stok dulu ....
brarti punya toko ol ya boz? liat donk :)

liat pangsa pasar open cart kayaknya masih bagus di banding cms lain, saya kpikiran bikin toko khusus open cart. tapi masih rencana, coz masih urus lainnya

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by bebaspromo » Sat Jul 03, 2010 5:25 pm

saia pernah test - test opencart di sini beberapa bulan lalu pas awal2 OC 140 release ...
qahar wrote:liat pangsa pasar open cart kayaknya masih bagus di banding cms lain, saya kpikiran bikin toko khusus open cart. tapi masih rencana, coz masih urus lainnya
idem ... soalnya menurut saia, OC ringan2 aja dibanding (misalnya) joomla ... (terutama ringan waktu pas upload ke server ;D ) CMIIW?

User avatar
Active Member

Posts

Joined
Tue Dec 22, 2009 9:14 pm

Post by qahar » Sat Jul 03, 2010 6:11 pm

bebaspromo wrote:saia pernah test - test opencart di sini beberapa bulan lalu pas awal2 OC 140 release ...
oh itu punya njenengan ya? kalo jualan khusus OpenCart mending go internasional boz..
bebaspromo wrote:idem ... soalnya menurut saia, OC ringan2 aja dibanding (misalnya) joomla ... (terutama ringan waktu pas upload ke server ;D ) CMIIW?
klo joomla kan cms portal web, ya wajar klo berat boz, kayak web saya he3.. makan bandwidthnya banyak banget.. :laugh:
OpenCart simple and mudah digunakan, cocok untuk usaha menengah ke bawah yang ga terlalu ngerti make toko online. Learning curvenya mudah, dan cocok juga buat developer coz ni masih banyak yang harus dikembangkan he3..

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by bebaspromo » Sat Jul 03, 2010 6:22 pm

qahar wrote: oh itu punya njenengan ya? kalo jualan khusus OpenCart mending go internasional boz..
itu cuma test aja, Bung Qahar ... bukan untuk jualan beneran ;D
yg joomla maksud saia + virtuemartnya ... betul...betul...betul .... sangat menguras :drunk:

User avatar
Active Member

Posts

Joined
Tue Dec 22, 2009 9:14 pm

Post by mulunix » Sat Jul 03, 2010 11:18 pm

bebaspromo wrote:Tampilannya seperti ini, Bro :

Image

Isi dari Welcome Messagenya :

Code: Select all

     <h1>Welcome to our store!</h1>
     <p>&nbsp;</p>
     <div class="headbg">&nbsp;</div>
     <div id="slider">
     <img alt="" src="catalog/view/theme/default/slider/satu.jpg" /> 
     <img alt="" src="catalog/view/theme/default/slider/dua.jpg" /> 
     <img alt="" src="catalog/view/theme/default/slider/tiga.jpg" /> 
     <img alt="" src="catalog/view/theme/default/slider/empat.jpg" />
     </div>
saia pakai folder "slider" untuk image2nya ...
agar gambarnya berganti secara auto apa yg harus ditambah ?

Image


User avatar
Active Member

Posts

Joined
Mon Jun 21, 2010 4:56 am

Post by qahar » Sat Jul 03, 2010 11:20 pm

mulunix wrote:agar gambarnya berganti secara auto apa yg harus ditambah ?
lha, thread ini kan cara memasang gambar slide yang begituan bro..
baca dari atas aja..

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by bebaspromo » Sun Jul 04, 2010 5:12 am

mulunix wrote:agar gambarnya berganti secara auto apa yg harus ditambah ?
gambar!
kalau gambarnya lebih dari satu, pasti berganti otomatis .... ;D

User avatar
Active Member

Posts

Joined
Tue Dec 22, 2009 9:14 pm
Who is online

Users browsing this forum: No registered users and 4 guests