How can I have a price clearly display that it applies to each item if I have identical items?

Hi everyone! I'm trying to figure out if there's a way, either through adding in code or through a feature I can't seem to find, to have a price display that it applies to each product. Sometimes we have two of the exact same item but, since they're vintage, we want to show both of them in the product listing. The quantity is updated so folks can buy both and we include copy in the description that they're priced individually (I attached a photo of an example we currently have listed). However, I'd love to have the option to make it more clear by having the price say, for example, $1100 ea. instead of just $1100 when we have a situation like this. Would that be possible? Thanks so much for any help you can provide!

Can you share the website URL, page, and password (if applicable)? Thanks!

This Custom CSS will add .ea after the price on every product:

.product-price::after {
  content:'ea.';
}

If you want to target just some items you'll need to identify the product ID, use this guide:

https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71

and then you should be able to have code that looks like this:

#item-6360381ff4b61f0f952c807c, #item-6360381ff4b61f0f952c426b {
 .product-price::after {
   content:'ea.';
 }
}

There are two product IDs separated by a comma, you can add as many as you need.

Hope that helps!

On 11/4/2022 at 6:12 PM, Ziggy said:

If you want to target just some items you'll need to identify the product ID

To make it easier, you'll probably want to add a tag to the products that require the "each" suffix. By using a tag, you'll be able to create a single CSS rule that applies to products with the tag, instead of manually editing the CSS each time you add a product.