> 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\*](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lt2hGQBB1hSkaLXOeYE%2F-Lt2kMC43hgpXWNSYILa%2FScreenshot_69.png?alt=media\&token=11ad382d-514b-4f38-b58e-e6a2287b64ec)

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

![\*GAMBAR 2\*](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lt2hGQBB1hSkaLXOeYE%2F-Lt2kMCA-JmzZR3GgC8t%2FScreenshot_92.png?alt=media\&token=444a7818-d799-4a95-b3fd-181a335bfeb6)

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

![\*GAMBAR 3\*](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lt2hGQBB1hSkaLXOeYE%2F-Lt2kMCDRJwBq80c8m3-%2FScreenshot_94.png?alt=media\&token=eb973d15-cd2c-4809-8f75-47065d4ac2fd)

\
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.**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lt2hGQBB1hSkaLXOeYE%2F-Lt2q2diw1djeA7QPvXu%2Fimage.png?alt=media\&token=c78b6f21-1419-4cb7-8fc7-21d0475c8cd6)

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.**