The Badge block renders a small label-chip with optional text and an icon. It can be styled as solid or dashed and optionally linked to a URL.
Badge block
Updated last month
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). |
FAQ
What is the Badge block in the Pops theme?
How do I add a Badge block in the Pops theme?
Add a Badge block in the theme editor. Its settings appear once the block is added.
What icons can I show in a Pops Badge block?
The Icon setting offers a wide range of options, including 3d-model, Account, Bag, Check, Cross, Facebook, Instagram, Pinterest, Play, Plus, Search, Secure, Snapchat, Star filled, Trustpilot, Vimeo, Youtube, Zoom, and more. The default is None, which shows no icon.
How do I make a badge link to a URL in Pops?
Set the Link setting to a destination URL. When a link is set, the badge renders as a clickable link.
What styles and sizes can a Pops badge have?
The Style setting offers Solid (the default) or Dashed. The Size setting offers Small (the default) or Large.
How do I add a border color to a badge in Pops?
Set the Style to Dashed, which makes a Border color setting appear. The border color applies only in the Dashed style.
Was this helpful?
Was this helpful?