Compare price not showing next to sale tag

Shopify Discussion

Topic summary

A Shopify store owner reported that product and compare-at prices weren’t displaying alongside sale tags on the product page until a variant was selected. They wanted prices to show automatically upon page load.

Issue Details:

  • Prices only appeared after variant selection
  • Compare-at price (original price) wasn’t visible initially
  • Screenshots were shared showing the problem

Resolution:

  • A CSS code snippet was provided to fix the display issue:
    .price__container { display: inline-flex !important; }
  • Code was to be added via: Online Store > Themes > Customize > Custom CSS
  • Solution successfully resolved the problem

Status: Resolved. The custom CSS fix enabled automatic price display without requiring variant selection first.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
6

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.price__container { display: inline-flex !important; }