Want to Remove/hide base price and display compare price only

Topic summary

Store owner wants to hide the base (regular) price and display only the compare-at price across all products, avoiding CSV edits.

Proposed solution (theme-level CSS):

  • Admin > Online Store > Themes > Edit code.
  • In Assets, open your main stylesheet (e.g., main.css/base.css/style.css/theme.css).
  • Add CSS to hide the regular price selector (price-item–regular).

Follow-up refinement:

  • User also wanted to remove the “Sale” badge and the “% off” indicator sitewide.
  • Additional CSS selectors were provided to hide the sale badge (price__badge-sale) and discount element (save__disoucnt), alongside the regular price.

Notes:

  • Changes are front-end only (CSS), applied globally via the theme stylesheet; no CSV or bulk product edits required.
  • Screenshots were shared to show before/after results.

Outcome/status:

  • The updated CSS appears to meet the request by hiding the regular price, sale tag, and discount percentage across the site.
  • No further issues or unresolved questions were raised after the second code snippet.
Summarized with AI on December 19. AI used: gpt-5.

I have 50k products on my store I want to remove or hide base price and only display compare price for all of my products on store. I can’t go for csv it will take a lot of time and energy anyone can help me with code or something?

link: Giga tech

1 Like

Hi @HXtech001

Do you want to hide only on the prodcut page? If it is check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

s.price-item.price-item--regular {
    display: none;
}

And Save.

Result:

In my opinion, it’s better to show the regular price so customers can always see how much they save if they buy it. This strategy can also encourage customers to make a purchase.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

it’s showing sale tag and I want to remove it from whole website and remove that sale tag + % off showing

replace on this one.

span.badge.price__badge-sale.color-accent-2, .save__disoucnt, .price-item.price-item--regular {
    display: none;
}

And save.

result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like