Adding "/lb" (per pound) to each product price

Site URL: https://musasllc.squarespace.com/

Hey fellow Squarespacers -- I'm working on a retail site that sells goods per pound... meaning when I do a product listing I need to say it's $9/lb. Anyone run into this before or have a solution? I'm sure there is some code I can add to just have it add to each product price but I have no idea how to even go about figuring that out. 

Any suggestions much appropriated!

https://musasllc.squarespace.com/

Password: 1234

You mean

Chane per pound to /lb?

There is already CSS in Design > Custom CSS that you could update with /lb.

.product-price:after {
  content: "per pound";
  margin-top: 10px
}

But keep in mind that the change is literally only skin keep. It does not change the product in the back end. So the cart will not reflect it, neither the checkout or orders.

If you want the per pound to be in the back end you need to include that info in the title or a variant.
 

On 5/20/2022 at 10:34 PM, creedon said:

There is already CSS in Design > Custom CSS that you could update with /lb.

.product-price:after {
  content: "per pound";
  margin-top: 10px
}

But keep in mind that the change is literally only skin keep. It does not change the product in the back end. So the cart will not reflect it, neither the checkout or orders.

If you want the per pound to be in the back end you need to include that info in the title or a variant.
 

Sorry @tuanphan, yes. I was able to get as far as what you're seeing however in testing I'm seeing what @creedon's  saying. Any ideas how to fix this universally? Any plugins or something? I can't really add it to the title as that would be weird. Variants would be pretty cumbersome with so many options (1lb, 2lb, etc.)

I wasn't able to get the CSS previously mentioned to work but found this one in another form that worked for me:

.product-price::after {
    content:'add you text here';
}