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

Shopify Discussion
1

Many of us asking for removing the ‘compare at price’ from the product, so here is the solution to remove it:

Step 1: Go to the product listing section > Select products in that you want to remove compare at price

Step 2: Click the Edit products button

Step 3: Remove pricing from Compare at price column

Step 4: Click Save

Hope this will helps all merchants who need a solution to remove the compared prices

1 Like
2

Hi there, @rutvik_shop !

Definitely a great post and an informative one! We definitely appreciate your input and contribution to the Community! Feel free to visit these other boards as I am confident your input will be much appreciated:

Thanks again for all your help! The rest of the Community appreciates you!

1 Like
3

Remove the number one by one or remove the whole column at once

4

An INCREDIBLY poor solution. I have over 50k products. Removing them one by one is out of the question, and the Bulk Edit solution simply doesn’t work. Why isn’t there simply an option to globally hide/show the MSRP?

7 Likes
5

hello sir i need your help how to dm you?

6

Hey Mavent, Did you find an easy way yet to hide MSRP?

7

Creating a way to remove the compare-at-price field with a Shopify Flow would be great.

3 Likes
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.