How to change Price Format

Hi, team
I created one variable product with different variations and prices.
Now the price shows ‘$699.99 – $1,229.99’

And I would like to change the price format it to ‘From $699.99’ instead of ‘$699.99 – $1,229.99’.
Can you please help on this?

Attachments:

You must be logged in to view attached files.

Hi sohee7569,

Thanks for reaching to us.

First of all, I’m really sorry have taken long time to reply you.

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.single-product p.price .amount:first-child:before {
    content: "From";
    margin-right: 5px;
}

Best Regards.

Hi, team
I tried to add the above code in Global Custom CSS, but price still shows as $699.99 – $1,229.99.

Attachments:

You must be logged in to view attached files.

Hi sohee7569,

First of all, I’m really sorry have taken long time to reply you due to the weekend.

Please remove above code and add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.single-product p.price .amount:first-child:before,
.wd-product.product-type-variable span.price .amount:first-child:before{
	content: "From";
	margin-right: 5px;
}

Regards,

Hi, team
I added the new CSS code and now I see ‘from’ at the price.
However, it seems that just the word of ‘from’ is added in front of the price.
Now, it must be From $449.99 (only the least price instead of ‘From $449.99 – $979.99’.
Thanks

Attachments:

You must be logged in to view attached files.

Hi sohee7569,

Navigate to Theme Settings > Shop > Variable products and turn off the Hide "to" price option – https://take.ms/zM5aK

Regards,

Hi,
Now it shows ‘from’ with the lowest price on the shop page! Thanks!

X700 Front is just a simple product without variation, so there is no ‘From’ at the price.
However, when clicking the product, I see ‘From’ at the price.
Can you please look into this one as well?

Attachments:

You must be logged in to view attached files.

Hi sohee7569,

Please remove above code and use below one:

.single-product .product-type-variable p.price .amount:first-child:before,
.wd-product.product-type-variable span.price .amount:first-child:before{
	content: "From";
	margin-right: 5px;
}

Regards,

[Author]

Posts