Compare price not showing next to sale tag

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.

Hi, if anyone can help- the issue I am having is that my product price and compare price does not show before the sales tag. It does however show once I have selected a variant. I would like to change so it automatically shows when entering the product page.

Could you share your store link so I can check?

No worries thankyou

https://www.huggnecklace.com/products/hugg-necklace

Your store has password-protected.

Oh yes sorry should be removed now

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

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

Worked perfect, thanks very much!

1 Like

You are very welcome!

1 Like