← All Skills
Theme 💎 Built for Sidekick ✍️ Sidekick drafts it — you apply it
shopify sidekick theme trust-badges social-proof

Generate Certification Badges Section

Build a certification badges display section with official logos, verification links, expiry dates, and organized category grouping.

View as Markdown

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
Run in Sidekick 
Generate the Liquid, CSS, and JavaScript for a certification badges display section that I can paste into my theme as a custom section, based on this spec:

Badge Content (per certification):

  Certification logo/image upload
  Certification name: [CERTIFICATION_NAME]
  Issuing organization
  Verification link URL (optional)
  Expiry or renewal date (optional)
  Short description of what the certification means
  Category grouping: [quality/environmental/safety/industry]


Display Styles:

  Icon row: compact horizontal display
  Detailed cards: logo with description text
  Grouped by category with subheadings
  Badge wall: tiled display of all certifications


Layout Options:

  Items per row: [3/4/5/6]
  Card style: [icon-only/icon-and-name/full-detail]
  Alignment: [center/left/space-between]
  Group separator style: [heading/line/none]


Design Settings:

  Background color: [BACKGROUND_COLOR]
  Badge container style: [none/bordered/subtle-shadow]
  Badge size: [small/medium/large]
  Grayscale option with color on hover
  Section heading: [SECTION_HEADING]
  Section description text (optional)
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px


Requirements:

  Responsive wrapping on smaller screens
  Accessible alt text and link labels
  Tooltips showing full certification details on hover
  Support for at least [NUMBER] certifications
  Lazy loading for badge images
  Valid HTML structure for SEO


Where to paste this: Tell me which section file to save this as and walk me through adding it to my theme via the Shopify theme editor.

How to Use

  1. Copy the prompt above
  2. Open Shopify Sidekick in your Shopify admin
  3. Paste the prompt and replace the bracketed placeholders with your details
  4. Review Sidekick's response and apply the suggestions