How to add the word “from” to the product pricing in Woocommerce

[deanrix]

Hi there,

I wish to add the word “From” beside the prices for individual products on my product page.
Using:
span.price:before {

}
But only for certain product grids which have multiple prices.

Is there away to add an id or meta tag to each product and have javascript to call upon the meta tag ?

Regards
Dean

[christopher]

Hi @deanrix,

It is not possible to find out the products to have more than one price only by CSS. You need to customize Woocommerce to add an indicator that shows it has more than one price, for example, a class or something.

That is outside of our support scope and you need to hire a developer as it is a customization request.

From what I can find in the page you can use the code below to add the From text before the Variable Products if that helps:

.woocommerce .product-type-variable .price::before {
    content: "From";
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: bold;
}

The CSS code above is meant to be a starting point for your customization and not a final solution.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.