Change the "Sold out" Text in charge theme

Topic summary

Goal: Replace the “Sold out” label in the Charge theme with the Swedish text “Kommer snart” across the store.

Initial situation: Changing the string via theme translations (Edit default theme content > Products > “Sold out”) didn’t reflect on the storefront.

Actions suggested:

  • Edit Default theme content to change the “Sold out” text (no code).
  • Add custom code in theme.liquid (bottom of file) to override the label.

Progress and issue: The label update worked initially, but was inconsistent—homepage showed “Kommer snart” while product page images still displayed “Sold out.”

Final fix: Add CSS in theme.liquid to target the sold-out badge on product images, hide the default badge, and inject “Kommer snart” via a pseudo-element. This made the text consistent across pages.

Outcome: User confirmed the solution worked. The thread is resolved.

Notes:

  • Code snippets and screenshots were central to applying the fix.
  • Key files/areas: theme.liquid (layout file) and Edit default theme content (translation strings).
Summarized with AI on December 24. AI used: gpt-5.

Thank you :slightly_smiling_face: