Please feel free to reach out to our Support Team via email anytime!

Privacy policy

Support terms

Contact us

Main website

Customizations

Help center

RAD Theme by Radikal

<div data-layout="default" id="isPasted" style="margin: 0 auto var(--ds-space-200, 16px); padding: 0px; position: relative; box-sizing: border-box; clear: both; z-index: 0; transition: all 0.1s linear 0s; display: flex; color: rgb(23, 43, 77); font-family: -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, &quot;Fira Sans&quot;, &quot;Droid Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; width: 760px;"><div style="margin: 0px; padding: 0px; overflow-x: auto; display: flex;"><br><table data-number-column="false" data-table-width="760" data-testid="renderer-table" style="margin-top: ; margin-right: 0px; margin-bottom: ; margin-left: 0px; border-collapse: collapse; width: 760px; border: 1px solid var(--ds-background-accent-gray-subtler, #C1C7D0); table-layout: fixed; font-size: 1em; height: 1px;"><thead><tr style="box-sizing: border-box; height: 47.4219px;"><th colspan="1" data-colwidth="280" rowspan="1" style="border-top-width: ; border-right-width: 0px; border-bottom-width: 0px; border-left-width: ; border-top-style: ; border-right-style: ; border-bottom-style: ; border-left-style: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; padding: 0px; text-align: left; vertical-align: top; box-sizing: border-box; min-width: 48px; font-weight: normal; background-clip: padding-box; background-color: var(--ds-background-accent-gray-subtlest, #F4F5F7); position: relative;"><div style="margin: 0px; padding: 8px; box-sizing: border-box; width: 278.367px; height: 46.4219px; border-width: 1.5px; border-style: solid; border-color: transparent;"><p data-renderer-start-pos="45311" style="margin: 0px; padding: 0px; font-size: 1em; line-height: 1.714; font-weight: normal; letter-spacing: -0.005em; box-sizing: border-box;"><strong data-renderer-mark="true" style="box-sizing: border-box;">Tag</strong></p><figure style="display: block; box-sizing: border-box; margin: 0px;"><div style="margin: 0px; padding: 0px; box-sizing: border-box;"><div style="margin: var(--ds-space-075, 6px); padding: 0px; position: absolute; display: flex; height: 28px; width: 28px; right: 0px; top: 0px; border: 2px solid var(--ds-border, #fff); border-radius: var(--ds-border-radius-100, 4px); background-color: var(--ds-surface-overlay, #F4F5F7); -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; box-sizing: border-box; opacity: 0; transition: opacity 0.2s ease-in-out 0s;" tabindex="0"><div style="margin: 0px; padding: 0px; width: 8px; height: 12px; transition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1) 0s; transform-origin: 50% 50%; display: flex; -webkit-box-pack: center; justify-content: center; opacity: 0.7; box-sizing: border-box;"><div style="margin: 0px; padding: 0px; height: 12px; width: 2px; border-radius: 50px; background: var(--ds-icon, #42526E); box-sizing: border-box;"><br></div></div></div></div></figure></div></th><th colspan="1" data-colwidth="480" rowspan="1" style="border-top-width: ; border-right-width: 0px; border-bottom-width: 0px; border-left-width: ; border-top-style: ; border-right-style: ; border-bottom-style: ; border-left-style: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; padding: 0px; text-align: left; vertical-align: top; box-sizing: border-box; min-width: 48px; font-weight: normal; background-clip: padding-box; background-color: var(--ds-background-accent-gray-subtlest, #F4F5F7); position: relative;"><div style="margin: 0px; padding: 8px; box-sizing: border-box; width: 478.633px; height: 46.4219px; border-width: 1.5px; border-style: solid; border-color: transparent;"><p data-renderer-start-pos="45318" style="margin: 0px; padding: 0px; font-size: 1em; line-height: 1.714; font-weight: normal; letter-spacing: -0.005em; box-sizing: border-box;"><strong data-renderer-mark="true" style="box-sizing: border-box;">Purpose</strong></p><figure style="display: block; box-sizing: border-box; margin: 0px;"><div style="margin: 0px; padding: 0px; box-sizing: border-box;"><div style="margin: var(--ds-space-075, 6px); padding: 0px; position: absolute; display: flex; height: 28px; width: 28px; right: 0px; top: 0px; border: 2px solid var(--ds-border, #fff); border-radius: var(--ds-border-radius-100, 4px); background-color: var(--ds-surface-overlay, #F4F5F7); -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; box-sizing: border-box; opacity: 0; transition: opacity 0.2s ease-in-out 0s;" tabindex="0"><div style="margin: 0px; padding: 0px; width: 8px; height: 12px; transition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1) 0s; transform-origin: 50% 50%; display: flex; -webkit-box-pack: center; justify-content: center; opacity: 0.7; box-sizing: border-box;"><div style="margin: 0px; padding: 0px; height: 12px; width: 2px; border-radius: 50px; background: var(--ds-icon, #42526E); box-sizing: border-box;"><br></div></div></div></div></figure></div></th></tr></thead><tbody style="border-bottom: none; box-sizing: border-box;"><tr style="box-sizing: border-box;"><td colspan="1" data-colwidth="280" rowspan="1" style="border-top-width: ; border-right-width: 0px; border-bottom-width: 0px; border-left-width: ; border-top-style: ; border-right-style: ; border-bottom-style: ; border-left-style: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; padding: var(--ds-space-100, 8px); text-align: left; box-sizing: border-box; min-width: 48px; font-weight: normal; vertical-align: top; background-clip: padding-box;"><p data-renderer-start-pos="45331" style="margin: 0px; padding: 0px; font-size: 1em; line-height: 1.714; font-weight: normal; letter-spacing: -0.005em; box-sizing: border-box;"><code data-renderer-mark="true" style="font-family: SFMono-Medium, &quot;SF Mono&quot;, &quot;Segoe UI Mono&quot;, &quot;Roboto Mono&quot;, &quot;Ubuntu Mono&quot;, Menlo, Consolas, Courier, monospace; font-size: 0.875em; font-weight: normal; background-color: var(--ds--code--bg-color,var(--ds-background-neutral, #F4F5F7)); color: var(--ds-text, #172B4D); border-style: none; border-radius: var(--ds-border-radius, 3px); display: inline; padding: 2px 0.5ch; -webkit-box-decoration-break: clone; overflow: auto; overflow-wrap: break-word; white-space: pre-wrap; --ds--code--bg-color: var(--ds-background-neutral, rgba(9, 30, 66, 0.08)); box-sizing: border-box;">badge-xxx</code></p><p data-renderer-start-pos="45342" style="margin: 0.75rem 0px 0px; padding: 0px; font-size: 1em; line-height: 1.714; font-weight: normal; letter-spacing: -0.005em; box-sizing: border-box;"><code data-renderer-mark="true" style="font-family: SFMono-Medium, &quot;SF Mono&quot;, &quot;Segoe UI Mono&quot;, &quot;Roboto Mono&quot;, &quot;Ubuntu Mono&quot;, Menlo, Consolas, Courier, monospace; font-size: 0.875em; font-weight: normal; background-color: var(--ds--code--bg-color,var(--ds-background-neutral, #F4F5F7)); color: var(--ds-text, #172B4D); border-style: none; border-radius: var(--ds-border-radius, 3px); display: inline; padding: 2px 0.5ch; -webkit-box-decoration-break: clone; overflow: auto; overflow-wrap: break-word; white-space: pre-wrap; --ds--code--bg-color: var(--ds-background-neutral, rgba(9, 30, 66, 0.08)); box-sizing: border-box;">badge-new</code></p><p data-renderer-start-pos="45353" style="margin: 0.75rem 0px 0px; padding: 0px; font-size: 1em; line-height: 1.714; font-weight: normal; letter-spacing: -0.005em; box-sizing: border-box;"><code data-renderer-mark="true" style="font-family: SFMono-Medium, &quot;SF Mono&quot;, &quot;Segoe UI Mono&quot;, &quot;Roboto Mono&quot;, &quot;Ubuntu Mono&quot;, Menlo, Consolas, Courier, monospace; font-size: 0.875em; font-weight: normal; background-color: var(--ds--code--bg-color,var(--ds-background-neutral, #F4F5F7)); color: var(--ds-text, #172B4D); border-style: none; border-radius: var(--ds-border-radius, 3px); display: inline; padding: 2px 0.5ch; -webkit-box-decoration-break: clone; overflow: auto; overflow-wrap: break-word; white-space: pre-wrap; --ds--code--bg-color: var(--ds-background-neutral, rgba(9, 30, 66, 0.08)); box-sizing: border-box;">badge-limitededition</code></p></td><td colspan="1" data-colwidth="480" rowspan="1" style="border-top-width: ; border-right-width: 0px; border-bottom-width: 0px; border-left-width: ; border-top-style: ; border-right-style: ; border-bottom-style: ; border-left-style: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; padding: var(--ds-space-100, 8px); text-align: left; box-sizing: border-box; min-width: 48px; font-weight: normal; vertical-align: top; background-clip: padding-box;"><p data-renderer-start-pos="45377" style="margin: 0px; padding: 0px; font-size: 1em; line-height: 1.714; font-weight: normal; letter-spacing: -0.005em; box-sizing: border-box;">To add a label or badge to your product, apply this specific tag. It&apos;s crucial to remember that you should also input the actual text for the label in the theme settings. For more details, refer to the topic <code data-renderer-mark="true" style="font-family: SFMono-Medium, &quot;SF Mono&quot;, &quot;Segoe UI Mono&quot;, &quot;Roboto Mono&quot;, &quot;Ubuntu Mono&quot;, Menlo, Consolas, Courier, monospace; font-size: 0.875em; font-weight: normal; background-color: var(--ds--code--bg-color,var(--ds-background-neutral, #F4F5F7)); color: var(--ds-text, #172B4D); border-style: none; border-radius: var(--ds-border-radius, 3px); display: inline; padding: 2px 0.5ch; -webkit-box-decoration-break: clone; overflow: auto; overflow-wrap: break-word; white-space: pre-wrap; --ds--code--bg-color: var(--ds-background-neutral, rgba(9, 30, 66, 0.08)); box-sizing: border-box;">Product Badges/Labels</code> in the documentation.</p></td></tr><tr style="box-sizing: border-box;"><td colspan="1" data-colwidth="280" rowspan="1" style="border-top-width: ; border-right-width: 0px; border-bottom-width: 0px; border-left-width: ; border-top-style: ; border-right-style: ; border-bottom-style: ; border-left-style: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; padding: var(--ds-space-100, 8px); text-align: left; box-sizing: border-box; min-width: 48px; font-weight: normal; vertical-align: top; background-clip: padding-box;"><p data-renderer-start-pos="45634" style="margin: 0px; padding: 0px; font-size: 1em; line-height: 1.714; font-weight: normal; letter-spacing: -0.005em; box-sizing: border-box;"><code data-renderer-mark="true" style="font-family: SFMono-Medium, &quot;SF Mono&quot;, &quot;Segoe UI Mono&quot;, &quot;Roboto Mono&quot;, &quot;Ubuntu Mono&quot;, Menlo, Consolas, Courier, monospace; font-size: 0.875em; font-weight: normal; background-color: var(--ds--code--bg-color,var(--ds-background-neutral, #F4F5F7)); color: var(--ds-text, #172B4D); border-style: none; border-radius: var(--ds-border-radius, 3px); display: inline; padding: 2px 0.5ch; -webkit-box-decoration-break: clone; overflow: auto; overflow-wrap: break-word; white-space: pre-wrap; --ds--code--bg-color: var(--ds-background-neutral, rgba(9, 30, 66, 0.08)); box-sizing: border-box;">XXX</code></p></td><td colspan="1" data-colwidth="480" rowspan="1" style="border-top-width: ; border-right-width: 0px; border-bottom-width: 0px; border-left-width: ; border-top-style: ; border-right-style: ; border-bottom-style: ; border-left-style: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; padding: var(--ds-space-100, 8px); text-align: left; box-sizing: border-box; min-width: 48px; font-weight: normal; vertical-align: top; background-clip: padding-box;"><p data-renderer-start-pos="45641" style="margin: 0px; padding: 0px; font-size: 1em; line-height: 1.714; font-weight: normal; letter-spacing: -0.005em; box-sizing: border-box;">XXX</p></td></tr></tbody></table><div style="margin: 0px; padding: 0px; height: calc(100% - 24px); width: 0px; min-width: 0px;"><br></div></div></div>

Tag. Purpose. badge-xxx. badge-new. badge-limitededition. To add a label or badge to your product, apply this specific tag. It's crucial to remember that you should also input the actual text for the label in the theme settings. For more details, ref

Product tagsUpdated 6 months ago