Why isn't my compare at price showing as crossed out?

Topic summary

Main issue: On a Shopify product page, the Compare-at price (original price intended to show as struck through during a discount) was not appearing crossed out. The price also briefly flashes and loses bold styling when switching variants.

Actions taken:

  • Store URL was shared upon request.
  • Guidance provided to edit Online Store > Edit code > theme.liquid and add custom code just above the closing tag. A result screenshot was shared. (The code snippet and images are central to the fix/verification.)

Current outcome:

  • The Compare-at price now shows with a strikethrough as expected.
  • New issue: the main price lost its bold, larger-font styling and appears normal weight/size after the change. The correct styling is visible only on initial load of the default variant; subsequent variant changes revert it. Screenshots illustrate the regression.

Status:

  • Partially resolved. The strikethrough display is fixed, but the main price styling needs further adjustment to remain bold and properly sized across variant changes. Discussion remains open.
Summarized with AI on January 16. AI used: gpt-5.

Hi Moeed,

The Store URL is: www.pawandpose.com