How can I remove the 'compare at price' from my product listing?

Shopify Discussion
8

Thanks for the tip,
But for anyone still looking for a simple effective store wide solution. Solution is to insert some CSS code that hides the compare-at-price from being displayed onto your website for customers to see. I would like to credit https://www.hulkapps.com/blogs/shopify-hub/how-to-remove-compare-price-in-shopify-a-definitive-guide for the original solution and would highly recommend going and checking it out.

  1. Head over to Online store > Themes > [Press] Customize: your current theme
  2. Once you’re in, head to Theme settings which should be the left hand side panel second icon ( a cog) from top.
  3. Scroll down till you find Custom CSS, should be close to the bottom of the list
  4. Insert CSS:
    /* Add this CSS to your theme’s stylesheet to hide compare at price */
    .variant-item__discounted-prices .variant-item__old-price {
    display: none;
    }
  5. Wait for it to load and Save.
    This is easily reversible by just deleting the code and saving. Note that the code may vary between themes, so to find the CSS Class selector ( eg. in the theme ‘Trade’, the relevant class selector is, ".variant-item__discounted-prices .variant-item__old-price") just open a view of your store, then inspect (right click) elements using your browser and you should find something similar, just copy and replace.

Hope this is useful.