For the complete documentation index, see llms.txt. This page is also available as Markdown.

Create a badge group

Bundle several badges into one group placed next to the product information, outside the product image.

Choose Outside product image when the group should sit in the product information column — below the price, under the add-to-cart button, and so on — instead of overlaying the photo. This suits trust and shipping badges that belong with the buying details.

Create your badges first in Badges & Labels. The group only bundles badges that already exist.

1

Open Badge groups

In your Shopify admin, open Sami Product Labels and click Badge groups in the app sidebar.

App sidebar with Badge groups selected
Badge groups sits between Badges & Labels and Extra Features in the sidebar.
2

Click Create badge group

On an empty store you'll see Create your first badge group. Click Create badge group to open the editor.

3

Select Outside product image

At the top of the Design tab, pick Outside product image. The Label Selection button changes to Add badges to group, and a Badge group replacement menu appears in the Design section.

Outside product image option selected
Outside product image places the group in the product information column.
4

Name the group

The group is called Label group by default. Open the menu above the preview, click Rename, and type a name of up to 50 characters — for example "Checkout trust badges".

5

Add badges to the group

In Label Selection, click Add badges to group. Search by name, tick the badges you want, then click Select.

Add badges to group dialog
Tick each badge to include, then click Select.
6

Choose where the group appears on the page

In the Design section, open Badge group replacement and pick the product-page element the group attaches to. The default is Below the product price; the menu offers the same anchors used for individual badges — see Change badge position for the full list.

Then use Predefined position to align the group left, center, or right within that element.

Badge group replacement menu and left/center/right alignment
Pick a product-page element, then align the group within it.
7

Design the group

Set how the badges sit together:

Setting
What it controls

Select layout

Horizontal or Vertical stacking.

Item size

The size of each badge, as a percentage or a fixed value.

Label gap

The spacing between badges, in pixels.

Margin

Top, bottom, left, and right offset from the surrounding content.

Check the live preview on the right. Use the Product page / Collection page menu and the desktop/mobile icons to confirm the group lands where you expect in each context.

8

Add custom CSS (optional)

Expand Advance Section to add your own CSS — useful when a theme's spacing around the chosen element needs a small adjustment.

9

Choose how the group is targeted

Switch to the Placement tab and pick a Condition type:

Option
Behavior

Keep individual badge conditions

Each badge is shown or hidden by its own targeting rules.

Set a custom group condition

Ignores the individual rules and uses one condition for the whole group.

Choosing the second option reveals Product, Customer, Page, Language, Country, and Other conditions for the group — see Set up group conditions.

Placement tab with the two condition types
Use a custom group condition when the whole set should follow one rule.
10

Save the group

Click Save in the top-right corner. The group appears on matching product pages immediately.

Next steps

Last updated

Was this helpful?