Jump to content

Memperbesar gambar produk dengan mouse


otnasz

Recommended Posts

hi prestaser...
tidak sengaja saya menemukan sebuah website toko online menggunakan prestashop, saya mau tanya nih:
1. BaGaimana cara memperbesar tampilan gambar produk yg ada di homepage secara otomatis ketika mouse diarahkan ke atas gambar produk tersebut.
2. Bagaiamana cara untuk menambahkan/memperbanyak jumlah gambar produk yg tampil di halaman utama tadi (default ada 4 gambar) ?

contoh website yang saya maksud adalah http://busanatanahabang.com

mohon pencerahannya...
terima kasih banyak

otnasz

Link to comment
Share on other sites

Gile keren juga tuh gambar nya bisa gede gitu, pasti pakai koding tambahan, cari aja di google dengan keyword "javascript tooltip"

Lalu kombinasikan koding tersebut dengan modul spesifikasi produk dari admin area.

saya blm pernah nyobain sih, tapi mungkin prinsip nya seperti itu

Link to comment
Share on other sites

thanks bro atas masukannya.
sdh saya coba upload module jcarousel dan berhasil diinstal pd server hosting. tetapi hasilnya tidak seperti situs anda (enshop.net) dan ketika mouse didrag ke image, image tidak terlihat membesar spt pada situs anda. ada solusi?
terima kasih juga buat semua

otnasz

Link to comment
Share on other sites

  • 3 months later...
coba pake thumb popup, liat signature gw


thx atas respon n modulnya :). Yang saya maksud adalah apakah ada modul image magnifier seperti
http://marghoobsuleman.com/sites/default/files/imagesenlarge_v1_2.zip
tetapi image yg diperbesar d halaman product detail saja bukan di product list.
atau seperti ini
http://www.magictoolbox.com/magiczoomplus/
tp sayangnya modul d atas berbayar :(

ada yang bisa bantu share or modify this module?
Thx b4
Link to comment
Share on other sites

ga baca semua postingan nya seh :)
tinggal diubah container mana yg mau di enlarge pd saat mouse-over, udah di jelasin kok.... http://www.prestashop.com/forums/viewreply/265571/

kalo mau image saat detail produk seeh tinggal edit thumbpopup.tpl jdin kaya gini

$('#image-block img').thumbPopup({




btw lgan secara default udah ada yg namanya JqZoom
Back Office >> Preferences >> Products

Link to comment
Share on other sites

saya maunya sich sm persih seperti link ini http://www.magictoolbox.com/magiczoomplus/
setau saya JqZoom cuma zooming lgsg saat di klik, apa settingan saya yg slh yach!?
jadi image yg d perbesar cuma bagian2 yg areanya d sorot mouse.

ga baca semua postingan nya seh :)
tinggal diubah container mana yg mau di enlarge pd saat mouse-over, udah di jelasin kok.... http://www.prestashop.com/forums/viewreply/265571/

kalo mau image saat detail produk seeh tinggal edit thumbpopup.tpl jdin kaya gini
$('#image-block img').thumbPopup({




btw lgan secara default udah ada yg namanya JqZoom
Back Office >> Preferences >> Products

Link to comment
Share on other sites

saya maunya sich sm persih seperti link ini http://www.magictoolbox.com/magiczoomplus/
setau saya JqZoom cuma zooming lgsg saat di klik, apa settingan saya yg slh yach!?
jadi image yg d perbesar cuma bagian2 yg areanya d sorot mouse.



jqzoom sama persis http://www.magictoolbox.com/magiczoomplus/,
jadi image yg d perbesar cuma bagian2 yg areanya d sorot mouse.
itu thickbox kalo zoom saat di klik
Link to comment
Share on other sites

  • 2 years later...
  • 1 year later...
  • 11 months later...

Selamat siang, mohon maaf saya masih awam dan menemukan website ini melalui google. rencana mau bikin website untuk jualan produk kecantikan dan kesehatan. saat ini sudah mempunyai blog sendiri www.agnetasemarang.com akan tetapi berminat untuk membuat website lagi yang mudah ditemukan di google. bagaimana caranya ya... mohon penjelasannya.

Link to comment
Share on other sites

  • 5 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...