Trust Badges

Block· Product page

Icon row for shipping, returns, warranty, and secure checkout with accent pill icons.

ProductConversionSocial Proof
Edit
Copied 0 times
Preview
Accent
Section code
<aside class="sl-trust" aria-label="{{ section.settings.heading | default: 'Why buy from us' }}" style="display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:clamp(.75rem,2vw,1.25rem) 0;color:inherit;font-family:inherit;">
  {%- for block in section.blocks -%}
    <div style="display:flex;gap:.7rem;align-items:center;padding:.5rem;" {{ block.shopify_attributes }}>
      <span aria-hidden="true" style="flex:0 0 auto;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--sl-accent,#0a5cff);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;">{{ block.settings.icon | default: '✓' }}</span>
      <div style="display:flex;flex-direction:column;gap:.1rem;min-width:0;">
        <span style="font-weight:700;font-size:.92rem;line-height:1.25;">{{ block.settings.title }}</span>
        {%- if block.settings.subtitle != blank -%}<span style="opacity:.7;font-size:.8rem;line-height:1.35;">{{ block.settings.subtitle }}</span>{%- endif -%}
      </div>
    </div>
  {%- endfor -%}
</aside>
{% schema %}
{
  "name": "Trust Badges",
  "settings": [
    { "type": "text", "id": "heading", "label": "Heading (screen-reader)", "default": "Why buy from us" }
  ],
  "blocks": [
    {
      "type": "badge",
      "name": "Badge",
      "settings": [
        { "type": "text", "id": "icon", "label": "Icon character", "default": "✓" },
        { "type": "text", "id": "title", "label": "Title", "default": "Free returns" },
        { "type": "text", "id": "subtitle", "label": "Subtitle", "default": "Within 30 days" }
      ]
    }
  ],
  "presets": [
    {
      "name": "Trust Badges",
      "blocks": [
        { "type": "badge", "settings": { "icon": "🚚", "title": "Free shipping", "subtitle": "On orders over $60" } },
        { "type": "badge", "settings": { "icon": "↩", "title": "Easy returns", "subtitle": "30-day no-questions policy" } },
        { "type": "badge", "settings": { "icon": "🔒", "title": "Secure checkout", "subtitle": "SSL encrypted, always" } },
        { "type": "badge", "settings": { "icon": "🛡", "title": "2-year warranty", "subtitle": "Covered, end-to-end" } }
      ]
    }
  ]
}
{% endschema %}

Internal notesTeam only

Freeform markdown notes visible only to signed-in team members. Separate from the public description.