> For the complete documentation index, see [llms.txt](https://docs.oceanesia.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.oceanesia.com/tutorial-1/manual-book-v-1-0/tampilan-website/tampilan-produk/halaman-produk-product-page/zoom-foto-produk.md).

# Zoom Foto Produk

Pada halaman produk, jika kursor Anda diarahkan pada foto produk maka tampilannya akan seperti berikut ini.

Contoh tampilan sebelum kursor diarahkan ke foto produk.

![\*GAMBAR 1\*](/files/-Lt2kMC43hgpXWNSYILa)

\
Lalu ini contoh tampilan setelah kursor diarahkan ke foto produk (lokasi zoom langsung pada foto produk itu sendiri).

![\*GAMBAR 2\*](/files/-Lt2kMCA-JmzZR3GgC8t)

\
Lalu ada juga contoh tampilan foto produk yang seperti di bawah ini (lokasi zoom berada disamping kanan foto produk).

![\*GAMBAR 3\*](/files/-Lt2kMCDRJwBq80c8m3-)

\
Dan Anda juga bisa menghilangkan tampilan zoom agar ketika kursor diarahkan ke foto produk maka foto produk pun tidak akan ter-zoom.\
\
Semua akan kami rangkum tutorialnya dibawah ini: \
1\. Login di dashboard admin.\
2\. Masuk ke menu **Journal > Dashboard > Settings > Product Page >** Klik **Product Image.**

![](/files/-Lt2q2diw1djeA7QPvXu)

Disini Anda cukup mengubah pengaturan pada **Cloud Zoom dan Inner Zoom.**\
a. Jika Anda ingin mengubah tampilan seperti GAMBAR 1 diatas, maka Anda cukup set **OFF** pada **Cloud Zoom** (otomatis menu Inner Zoom akan hilang).\
b. Jika Anda ingin mengubah tampilan seperti GAMBAR 2, maka Anda bisa set **ON** pada **Cloud Zoom** dan **Inner Zoom.**\
c. Selanjutnya jika Anda ingin mengubah tampilan seperti GAMBAR 3, maka Anda bisa set **ON** pada **Cloud Zoom,** dan set **OFF** pada **Inner Zoom.**

3\. Jika sudah selesai, klik **Save.**