Theme
đź’Ž Built for Sidekick
✍️ Sidekick drafts it — you apply it
shopify
sidekick
theme
trust-signals
Generate Trust Badges Bar Section
Create a horizontal trust badges bar with icons, labels, and tooltips for payment security, shipping guarantees, and return policies.
Sidekick writes it — you put it live
Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.
đź“‹ Prompt
Generate the Liquid, CSS, and JavaScript for a horizontal trust badges bar section that I can paste into my theme as a custom section, with these specifications: Badge Items (each badge includes): Icon or small image upload Badge title text (e.g., “Free Shipping”, “Secure Checkout”, “30-Day Returns”) Short description text (shown on hover or below icon) Optional link URL Preset Badge Sets: Payment security: SSL encrypted, secure checkout, trusted payment icons Shipping: free shipping over [AMOUNT], fast delivery, tracked shipping Returns: [NUMBER]-day returns, money-back guarantee, easy exchanges Quality: handmade, ethically sourced, [CUSTOM_BADGE_TEXT] Layout Options: Display style: [horizontal-scroll/flex-wrap/fixed-row] Number of badges visible: [3/4/5/6] Icon position: [above-text/left-of-text/icon-only] Dividers between badges: [none/vertical-line/dot] Alignment: [center/space-between/space-evenly] Design Settings: Background color: [BACKGROUND_COLOR] Icon color/tint: [ICON_COLOR] Text color: [TEXT_COLOR] Icon size: [ICON_SIZE]px Section padding: [PADDING]px Border top/bottom: [none/thin/prominent] Requirements: Responsive: horizontal scroll or stack on mobile Tooltip on hover for desktop Accessible alt text for all icons Support up to [NUMBER] badges Lightweight SVG icons preferred Where to paste this: In Shopify admin, go to Online Store > Themes > Edit code, create a new file at sections/trust-badges-bar.liquid, and paste in the generated Liquid, CSS, and JavaScript. Save, then add the section to a page via the theme customizer (Online Store > Themes > Customize > Add Section).
How to Use
- Copy the prompt above
- Open Shopify Sidekick in your Shopify admin
- Paste the prompt and replace the bracketed placeholders with your details
- Review Sidekick's response and apply the suggestions