Remove "from" in product prices with variants

Site URL: winery-1row.squarespace.com

Is there a way to show just the lowest price of variants without the word "from" on Squarespace 7.1? 

Thanks!

Maybe @tuanphan or @kerstinmartin know a way to make this happen! 🍷 

4 hours ago, XianNewman said:

Maybe @tuanphan or @kerstinmartin know a way to make this happen! 🍷 

There might be a way to do this with CSS but I don't know the code off the top of my head.

I am wondering though, why would you want to hide the 'from'? Is that not misleading when people then click on the dropdown list and see the different prices because you have set the expectation that it's all the same price? Plus, the from indicates that there are more options which can people make curious and entice them to check out the different options. That's just how I would feel as the consumer.

2 hours ago, kerstinmartin said:

There might be a way to do this with CSS but I don't know the code off the top of my head.

I am wondering though, why would you want to hide the 'from'? Is that not misleading when people then click on the dropdown list and see the different prices because you have set the expectation that it's all the same price? Plus, the from indicates that there are more options which can people make curious and entice them to check out the different options. That's just how I would feel as the consumer.

In this case, it's pretty straightforward. One variant is a single bottle of wine, the other is a case of 12 bottles, at a discount. Customers won't be let down, they'll be delighted at the opportunity to buy more and save.

35 minutes ago, XianNewman said:

In this case, it's pretty straightforward. One variant is a single bottle of wine, the other is a case of 12 bottles, at a discount. Customers won't be let down, they'll be delighted at the opportunity to buy more and save.

then why not just keep the from?

1 hour ago, kerstinmartin said:

then why not just keep the from?

The vast majority will buy individual bottles (and the client asked)

6 minutes ago, XianNewman said:

The vast majority will buy individual bottles (and the client asked)

That's fair! I don't know the CSS for this but I'd be surprised if it couldn't be done. @Chris.SE is great with CSS, maybe he has a quick solution! 

Please see Store Price Change.

The OP doesn't need to do the initial step of the Quick Install instructions as they already have jQuery installed.

This actually turns out to be harder than one might think. It's not just a matter of throwing some CSS at it. The way the structures are built and SS is manipulating those structures under the hood when variants are involved and one is changing menu selections makes this tricky. Basically the price text is being rebuilt on the fly when the user interacts with variants.

Let us know how it goes.

Thanks creedon that works perfectly! 

Is there a way to remove "from" in other places asides the product detail page (i.e. store page, related products)?

I have updated my code post.

Let us know how it goes.

Works flawlessly. Thanks so much, creedon!

I have updated my code post. No functional changes. Just verified that it will work with v7.0 using Brine template family.

I have updated my code post. Fixed a bug in the MutationObserver guard.

I updated my code post. Fixed a bug so that the code would work with the Montauk template family.

I updated my code post. The code is now a text changer instead of just removing the word from. This broadens what the code can do. It can be used for changing the word from to another language or removing decimals from prices.

@creedon I cant find your post. The link says page not found. I'm looking to remove "from" from the listings in Brine v7.0 as well. Can you please help? Thanks

@atfirstblink

Ah ha! The link was stale. I have updated the link!

Let us know how it goes.

@creedon Thank you so much ... works like a charm! This code was a huge help. Thanks once again!

I have updated the code cited in my April 5, 2021 post. I added a fix for v7.0 Ajax compatibility.

Hey Creedon,

Thank you for the help, I tried the searchReplaceText after removing the // and tried to change 'from' : 'Starting at' on the store page injection with no luck. The price and original "from" is missing. Any idea what I am doing wrong? Thanks.

@AlFinn

Please post the URL for a page on your site where we can see your issue.

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 does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Hi @creedon I tried using your code snippet here: https://resources.milestonechurch.com/

It does not seem to be working right as it just hides all the prices. I don't have it live on the site right now (your code) as this is a live site. Can you take a look at this store setup and see if you see anything that would make your code unusable in this situation?

Thanks!

@MSCCreative

The code does hide prices at the start so that it can change things without causing visual disruptions. Then when the code successfully runs it shows the prices again. If the code failed for some reason then the prices would not be shown.

So it sounds like it failed but without it being installed there is not way we can diagnose what went wrong.

@creedon

I have installed the code and set the parameters as such:

'from' : '', // remove word from

Currently all prices are hidden: https://resources.milestonechurch.com/

@MSCCreative

Where is the code installed? Settings > Advanced > Code Injection > HEADER?

If so please see the second step in the install instructions.