> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【佈景主題】商品頁圖片顯示方式

不同佈景主題支援的商品圖片顯示方式可能有所不同，請參考以下說明及適用主題。
---


### 1. 縮圖切換（Thumbnail Gallery）

主要顯示一張商品大圖，其餘圖片以縮圖排列在下方，顧客可點擊縮圖切換展示圖片。

適用主題：Tidewell、Verane、Tiefe、Moire、Ochre、Hopscotch、Nomly 、 Velora


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1qgk729.png)
---


### 2. 垂直排列（Vertical Gallery）

所有商品圖片由上至下依序展示，顧客可直接向下捲動，瀏覽完整商品圖片。

適用主題：Essence、Muse、Koji、Olive、Galleria、Ocean、Jade、Gelato、Bingo、Beverly、Milano、Tunes、Italia、Scents、Brew、Sneak、Luna、Chapter、Rush、Allure、Popkin、Springs、Stellar、Pastries、Venice、PedalPeak、Kata、Vivid、Ariel、Urban、Gizmos、Kiddy、Mels、Crunch、Heavenly、Bling、Everyday


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_jckfit.png)
---


### 3. 輪播切換（Image Carousel）

每次顯示一張商品圖片，顧客可透過左右箭頭切換圖片，並查看目前的圖片數量及位置。

適用主題：Aroma、Marshmallow、FreshBit、Digitron、Wood Essence、CraftyHands


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/productgallerydemocompressed_7bv3qs.gif)


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/productgallerycarousel_8eevz7.gif)