Badge block
Updated yesterday
The Badge block renders a small label-chip with optional text and an icon, styled as solid or dashed and optionally linked to a URL. See Content blocks for how blocks fit into a section.
Settings
These settings appear when you add a Badge block in the theme editor.
Setting | What it does |
|---|---|
Text | The label shown inside the badge (default |
Icon | An icon shown next to the text: 3d-model, Account, Bag, Caret, Check, Cross, Facebook, Hamburger, Instagram, Left arrow, Right arrow, Map, Minus, Pinterest, Play, Plus, Search, Secure, Snapchat, Sound off, Sound on, Star empty, Star filled, Status available, Status unavailable, Threads, Trustpilot, Tumblr, Vimeo, Visibility off, Visibility on, X, Youtube, Zoom, or None (default). |
Style | Solid (default) or Dashed. When set to Dashed, a Border color setting appears. |
Size | Small (default) or Large. |
Background color / Text color / Border color | Colors the badge background, text, and its dashed border. Border color applies only in the Dashed style. |
Link | Destination URL; when set, the badge renders as a clickable link. |
Block configuration | Margin top, from 0 to 34, for desktop and mobile (both default 0), and hide the block on desktop or mobile (both default off). |