创建徽章组（产品图片之外）

当您希望徽章组位于产品信息栏中（例如价格下方、加入购物车按钮下方），而不是覆盖在产品照片上时，请选择 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. 设计徽章组

   设置徽章的排列方式：

   设置	控制内容
   Select layout	Horizontal 或 Vertical 排列。
   Item size	每个徽章的大小，可使用百分比或固定值。
   Label gap	徽章之间的间距，单位为像素。
   Margin	与周围内容之间的上、下、左、右偏移。

   查看右侧的实时预览。使用 Product page / Collection page 菜单以及桌面/移动设备图标，确认徽章组在各个场景中都显示在您期望的位置。

8. 添加自定义 CSS（可选）

   展开 Advance Section 添加您自己的 CSS，当模板在所选元素周围的间距需要微调时，这会很有用。

9. 选择徽章组的定向方式

   切换到 Placement 标签页，选择一个 Condition type：

   选项	行为
   Keep individual badge conditions	每个徽章按各自的定向规则显示或隐藏。
   Set a custom group condition	忽略各自的规则，对整个徽章组使用同一个条件。

   选择第二个选项后，会显示适用于该徽章组的 Product、Customer、Page、Language、Country 和 Other 条件，请参阅 设置徽章组条件。

   

   当整组徽章应遵循同一条规则时，请使用自定义组条件。

10. 保存徽章组

    点击右上角的 Save。徽章组会立即显示在匹配的产品页面上。

警告

如果徽章组没有显示在您期望的位置，可能是您的模板没有提供所选的元素。请尝试其他 Badge group replacement 选项，或按 更改徽章位置 中的说明使用模板选择器。

后续步骤

• 创建标签组（产品图片之内）：改为将标签组覆盖在产品照片上。
• 徽章组概览：了解编辑器中每项设置的作用。
• 更改徽章位置：产品页面锚点的完整列表。