Adding word before price on MAIN product page.

Hey! I would like to add the words 'from' before the price on my MAIN products page. I've seen code to add the word before price on the price displayed once you actually click on the product but I'd like the word to show up before EVERY price on my website. Please check the image for a better idea of what I'm asking for 🙂

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

1 hour ago, LoganWright said:

I would like to add the words 'from' before the price on my MAIN products page.

If you add variants to your products that have different prices, the word ‘FROM’ will appear before the price automatically. If your products don’t have different variant prices, can you explain why you want the text to appear?

try the below in Design > Custom CSS

.product-price::before {
	content: "from";
}

if you wish to style the word "from"  further you can do so inside that same rule.

eg:

.product-price::before {
    content: "from";
    font-size: .9rem;
    color: #A3826C;
    
}

Hi there, 

Can you please share the code for how to do this for a single product only?

Thank you

On 7/11/2024 at 1:51 PM, biancajade said:

Hi there, 

Can you please share the code for how to do this for a single product only?

Thank you

Each product has an unique id, so you can share link to shop page & let me know which product you want to add word, we can help easier.

Thank you. It's https://www.biancacaruana.com/store/p/hand-embroidered-fair-trade-travel-bag.

I created a new thread here -