跳至主要內容

使用自動版面配置建立動態產品組合

將自動佈局群組設定為圖片清單,用一個表格儲存格控制產品圖片的數量和順序。

D
作者:David Peng

使用圖片清單,從一個表格儲存格增減產品圖片,同時保留已設計的版面配置。

圖片瀏覽面板在你的編輯器中可能顯示為「素材」(Assets)或「內容架」。

建立來源群組

  1. 將一張或多張範例產品圖片直接放入同一個自動佈局群組。

  2. 設定群組的方向、換行、間距、留白、對齊和尺寸。

  3. 如果屬性面板仍顯示「版面 → 進階 → 副本」(Copies),請在設定範本前開啟「副本」。沒有此開關時,使用「範本 → 在表格中顯示」(Template → Show in Table)直接綁定群組。

  4. 為群組設定清楚且不重複的名稱,作為表格欄名。

本基礎範例只使用已指定素材的直接圖片子圖層。請將文字標籤、裝飾圖層和巢狀群組放在清單外部。

在表格中顯示群組

  1. 選取來源視覺素材。

  2. 在屬性面板中找到「範本」,點選「設定範本」。

  3. 選取自動佈局群組。

  4. 在其「範本」區段開啟「在表格中顯示」。如果已經開啟,請保留此設定。

  5. 如果出現「將項目綁定到此欄?」,點選確認。

  6. 解決設定問題,然後點選「開啟表格」。

在表格中新增產品

  1. 新增製作資料列,或選取已有資料列。

  2. 在圖片清單儲存格中輸入以逗號分隔的圖片檔名。

  3. 按 Enter 套用修改。

front.png, side.png, detail.png

每個檔名依輸入順序產生一張圖片。可以重複使用同一個檔名。檔名包含逗號時,用雙引號括住該檔名,例如 "front, red.png", side.png。

安全編輯

修改表格儲存格時,會從來源群組重建整份清單,並作為一次可復原的操作。之後的表格修改會取代產生清單項目內部僅在畫布上做的修改。共用版面配置和樣式應在來源群組中調整。

疑難排解

  • 群組無法顯示在表格中時,確認它使用自動佈局、包含已指定素材的直接圖片子圖層,並已透過「範本 → 在表格中顯示」綁定。如果另有「副本」選項,也請開啟。

  • 找不到圖片時,使用內容架中正確的檔名。

  • 間距或換行不正確時,調整來源自動佈局群組,再重新產生該列。

是否回答了您的問題?