建立徽章群組（商品圖片外）

當您希望群組位於商品資訊欄（例如價格下方、加入購物車按鈕下方等），而不是覆蓋在照片上時，請選擇 Outside product image。這很適合與購買資訊放在一起的信任徽章和運送徽章。

注意

請先在 Badges & Labels 中建立您的徽章。群組只會合併已存在的徽章。

1. 開啟 Badge groups

   在您的 Shopify 後台中，開啟 Sami Product Labels，然後點擊應用程式側邊欄中的 Badge groups。

   

   Badge groups 位於側邊欄的 Badges & Labels 和 Extra Features 之間。

2. 點擊 Create badge group

   在空白的商店中，您會看到 Create your first badge group。點擊 Create badge group 以開啟編輯器。

3. 選取 Outside product image

   在 Design 標籤頂部，選擇 Outside product image。Label Selection 按鈕會變成 Add badges to group，Design 區段中也會出現 Badge group replacement 選單。

   

   Outside product image 會將群組放在商品資訊欄中。

4. 為群組命名

   群組預設名稱為 Label group。開啟預覽上方的 … 選單，點擊 Rename，然後輸入最多 50 個字元的名稱，例如「Checkout trust badges」。

5. 將徽章新增到群組

   在 Label Selection 中，點擊 Add badges to group。依名稱搜尋，勾選您想要的徽章，然後點擊 Select。

   

   勾選每個要加入的徽章，然後點擊 Select。

6. 選擇群組在頁面上的顯示位置

   在 Design 區段中，開啟 Badge group replacement，並選擇群組要附加的商品頁面元素。預設為 Below the product price；選單提供與個別徽章相同的錨點，完整清單請參閱變更徽章位置。

   接著使用 Predefined position，將群組在該元素內設為 left、center 或 right 對齊。

   

   選擇商品頁面元素，然後在其中對齊群組。

7. 設計群組

   設定徽章如何排列在一起：

   Setting	What it controls
   Select layout	Horizontal 或 Vertical 堆疊方式。
   Item size	每個徽章的大小，以百分比或固定值表示。
   Label gap	徽章之間的間距，以像素為單位。
   Margin	與周圍內容之間的上、下、左、右位移。

   請查看右側的即時預覽。使用 Product page / Collection page 選單和桌面／行動裝置圖示，確認群組在各種情境下都出現在您預期的位置。

8. 新增自訂 CSS（選用）

   展開 Advance Section 以加入您自己的 CSS，當佈景主題在所選元素周圍的間距需要小幅調整時很有用。

9. 選擇群組的目標對象

   切換到 Placement 標籤，並選擇 Condition type：

   Option	Behavior
   Keep individual badge conditions	每個徽章依其各自的目標規則顯示或隱藏。
   Set a custom group condition	忽略個別規則，整個群組使用同一個條件。

   選擇第二個選項後，會顯示群組的 Product、Customer、Page、Language、Country 和 Other 條件，請參閱設定群組條件。

   

   當整組徽章應遵循同一個規則時，請使用自訂群組條件。

10. 儲存群組

    點擊右上角的 Save。群組會立即顯示在符合條件的商品頁面上。

警告

如果群組沒有出現在您預期的位置，可能是您的佈景主題未提供您所選的元素。請嘗試其他 Badge group replacement 選項，或依照變更徽章位置中的說明使用佈景主題選擇器。

後續步驟

• 建立標籤群組（商品圖片內）：改為將群組覆蓋在商品照片上。
• 徽章群組總覽：編輯器中每項設定的功能。
• 變更徽章位置：商品頁面錨點的完整清單。