Lookbook 熱點

參考資料 所有方案 1 分鐘閱讀

一張照片，例如搭配好的穿搭或佈置完成的房間，並在照片中的商品上放置圓點（熱點）。每個圓點會開啟一張含圖片、名稱與價格的商品卡片，讓顧客購買整套造型。

新增區塊

1. 選擇版面

   在預覽的大型選單面板中，點擊 Add block（新增區塊）。點擊 Add product（新增商品），將游標移到 Lookbook hotspots（Lookbook 熱點）上，然後點擊 Select（選擇）。

   

   (1) 點擊 Add product，(2) 選擇 Lookbook hotspots。

2. 加入照片

   在 Edit Item（編輯項目）的 General（一般）下，輸入 Heading（標題），並在 Image（圖片）下點擊 Select image（選擇圖片）。區塊有圖片後，就會出現 Hotspots（熱點）區段。

   

   預覽中的 Lookbook 熱點區塊，設定顯示在 Edit Item 中。

3. 放置熱點

   在 Hotspots 中，點擊圖片上商品出現的位置，即可新增一個帶編號的圓點。在每個 Hotspot（熱點）下點擊 Select products（選擇商品），挑選該位置的商品。

4. 儲存並發佈

   點擊 Save（儲存），然後點擊 Publish（發佈）。

設定

一般

Heading（標題）預設: Shop the look

照片上方的文字。

Image（圖片）預設: None

Lookbook 照片。

Width（寬度）預設: 66.66%

區塊佔大型選單一列的比例：Auto（自動）或 8.33% 到 100%。

熱點

X / Y預設: 您點擊的位置

圓點在圖片上的位置，以距離左側與上方的百分比表示。可修改數值來微調圓點位置。

Select products（選擇商品）預設: None

圓點開啟的商品。沒有商品的熱點不會顯示在圖片上。

Remove（移除）

刪除熱點。

每張圖片最多 6 個熱點。如果您移除圖片，Hotspots 區段會隱藏，直到您再次加入圖片。Visibility（顯示設定）的用法和其他區塊相同，請參閱每個區塊都有的設定。

提示

• 使用商品周圍留有空間的照片，讓圓點和商品卡片不會互相遮蓋。
• 將每個圓點放在商品本身上，而不是照片邊緣。
• 商品卡片會沿用選單的商品設定：Settings（設定）> Advanced（進階）> Show add to cart button（顯示加入購物車按鈕）也會在卡片上加入 Add to cart（加入購物車）按鈕。

相關頁面

• 商品清單在選單中以單一卡片、格狀、清單或輪播方式顯示商品。
• 圖片顯示含標題、說明與連結的橫幅或促銷圖片。
• 區塊總覽在大型選單或分頁中新增連結、圖片、商品與倒數計時器等區塊。

這個頁面有幫助嗎？

回報問題