Skip to content
Try free for 7 days
English
EnglishFrenchSoonItalianSoonJapaneseSoonSpanishSoonPortuguese (Portugal)SoonGermanSoonCzechSoonDanishSoonFinnishSoonKoreanSoonNorwegian (Bokmål)SoonDutchSoonPolishSoonPortuguese (Brazil)SoonTurkishSoonChinese (Simplified)SoonChinese (Traditional)Soon
Open in Claude Ask questions about this pageOpen in ChatGPT Ask questions about this page

Create a badge group (outside product image)

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.

  1. 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. On an empty store you’ll see Create your first badge group. Click Create badge group to open the editor.

  3. 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. 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. 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

    Section titled “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. 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. Expand Advance Section to add your own CSS — useful when a theme’s spacing around the chosen element needs a small adjustment.

  9. 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. Click Save in the top-right corner. The group appears on matching product pages immediately.

Was this helpful?