Removing "from" on collection price

Shopify Discussion
1

Hi! On the collection pages I would like to remove the “from” that is in front of the price and add /lb after the price. So that it doesn’t read from $xx, but $xx/lb. This is being displayed when the product has multiple sizes. I’m currently using the Dawn Theme.

Thanks!

2

@ChloeStella

  • You can do it with some code changes
  • Please go to Online Store > Themes > Actions > Edit Code > Snippets > price.liquid
  • Find this line of code
assign money_price = 'products.product.price.from_price_html' | t: price: money_price
  • Instead of deleting this line, we will change the variable name money_price to money_price2
  • Now add a new line of code under that
assign money_price = price | money_with_currency | append: "/lb"

Attached screenshot for reference.

Screen Shot 2022-10-04 at 9.57.25 PM.png
Screen Shot 2022-10-04 at 9.57.25 PM.png2074×1158 425 KB

3 Likes
3

@Lucid_Polygon that worked! Thank you so much!!

4

Hi,

I have the exact same problem for any reason I don´t understand in my case everything seems the same even after editing code as with the exact example you gave before.

I´m using Taste Theme… any clues?

5

Hey, after this can you tell how can i show the maximum price of the variants of a product instead of the minimum.

6

it worked but i would like to show the expensive price instead of the cheaper, is that possible?

7

I only wish to remove the word “from” on the collection page, is that possible?

1 Like
8

you can just remove the ending where it has a bar and append

9

Its not worked, you should do it dynamically with custom javascript

document.addEventListener(“DOMContentLoaded”, function () {
document.querySelectorAll(“ClassOfPriceContainer”).forEach(el => {
el.innerHTML = el.innerHTML.replace(“From”, “”).trim();
});
});