Change "from price" text

Hi,

I want to change the text "from" before price for products with more variants 

Is that possible?

Thanks for your help

Best Regards

Jacob

To translate the word :-)

On 3/19/2020 at 5:18 PM, paul2009 said:

Please provide a little more information. It will help us if you include a working link to the page and explain what you want to change about the text "from". For example, is it the size, the font or do you want to translate the word?

To translate the word :-)

On 4/2/2020 at 7:58 PM, jacobtdb said:

To translate the word :-)

have you solved yet? If no, can you share link to your site?

On 4/11/2020 at 10:56 AM, tuanphan said:

have you solved yet? If no, can you share link to your site?

No, not yet. 

Here is the link:

https://www.truenorth-designs.dk/webshopdanmark

I have  similar problem. I want to change "from 445.00" to "fra 445.00" It is basically the same just in Danish.

 

On 12/3/2020 at 4:23 PM, Mr-WOODLVING said:

I have  similar problem. I want to change "from 445.00" to "fra 445.00" It is basically the same just in Danish.

 

If you share link to a product, we can check easier

On 12/6/2020 at 12:08 AM, tuanphan said:

If you share link to a product, we can check easier

Try this:

https://www.truenorth-designs.dk/webshop/salon-konsolbord

Hi, I just came across the same thing. I would like to translate the word "from " price on my websites as well. On template 7.0.

Have you had luck and solved this?

Thanks, David

On 12/10/2020 at 8:27 PM, jacobtdb said:

Try this:

https://www.truenorth-designs.dk/webshop/salon-konsolbord

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function() {  
		$("#productDetails .product-price").html(function() { 
          return $(this).html().replace("from", "new text");  
    });
	});
</script>

Can you share link to a product?

On 1/16/2021 at 12:59 AM, DavidHortvik said:

Hi, I just came across the same thing. I would like to translate the word "from " price on my websites as well. On template 7.0.

Have you had luck and solved this?

Thanks, David

Hi, please check https://www.ekustik.cz/katalog/absorber-woody-kid

My site is in Czech language and the "from" is the last big visible thing in english:

Btw, do you think the "select" could be changed too? Either to translate it or hide it.

Thank you!

On 1/18/2021 at 3:36 PM, DavidHortvik said:

Hi, please check https://www.ekustik.cz/katalog/absorber-woody-kid

My site is in Czech language and the "from" is the last big visible thing in english:

 

Btw, do you think the "select" could be changed too? Either to translate it or hide it.

Thank you!

 

 

With form, add to Design > Custom CSS

.product-price {
    visibility: hidden;
}
.product-price * {
    visibility: visible;
    position: absolute;
    margin-left: -50px;
}

With select, try this guide.

Hi, thanks, this works partially. 

When I choose different option of the product, it then hides the whole price. I assume that it's because the price of the variant is not "from price" but the final price. And by moving it 50px to the left I cover it. 

It's interesting how there is just no way to simply change the word 'from' to any other word I would like...

The second option to remove "select" works only on 7.1, so that's a bummer.

Anyways, thanks for the help 🙂

On 1/18/2021 at 7:36 AM, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function() {  
		$("#productDetails .product-price").html(function() { 
          return $(this).html().replace("from", "new text");  
    });
	});
</script>

Can you share link to a product?

 

Thanks it works great! :-)

Also how can i change the text "from" on pages like here ? https://www.truenorth-designs.dk/hjemmearbejdspladser

Its just under the Product Title

Best regards
Jacob

37 minutes ago, jacobtdb said:

Thanks it works great! :-)

Also how can i change the text "from" on pages like here ? https://www.truenorth-designs.dk/hjemmearbejdspladser

Its just under the Product Title

Best regards
Jacob

Just found a code that solved this problem - exchange 'fra' with your own text. Add this to Home > Settings > Advanced > Code Injection > Footer

<script>
$('.product-price').each(function() {
   var text = $(this).text();
   $(this).text(text.replace('from', 'fra'));
});
</script>

On 1/26/2021 at 3:41 PM, jacobtdb said:

Just found a code that solved this problem - exchange 'fra' with your own text. Add this to Home > Settings > Advanced > Code Injection > Footer

<script>
$('.product-price').each(function() {
   var text = $(this).text();
   $(this).text(text.replace('from', 'fra'));
});
</script>

Hey any update on this as it dosent seem to be working for me?

cheers

@Jackfrompsc

Please see the following.

Let us know how it goes.

11 hours ago, creedon said:

@Jackfrompsc

Please see the following.

Let us know how it goes.

Hey! Cheers for the quick response, i have had a look and this and it does work but would there be any way to only show a price after all varients (selections) have been made?

8 hours ago, Jackfrompsc said:

would there be any way to only show a price after all varients (selections) have been made?

This is a different feature than changing the from. It is easier to help if we can keep each thread to one topic. Please start a new thread with your request. I think it could be done.

Useful thread!

Would there be also a code for changing the "from" text on the shop page like this one one my  website?

https://architectureshooting.com/druckeditionen-fine-art-print-editions

My template is wells.

Thank you and cheers

Markus

On 3/2/2024 at 12:45 AM, architectureshooting said:

Useful thread!

Would there be also a code for changing the "from" text on the shop page like this one one my  website?

https://architectureshooting.com/druckeditionen-fine-art-print-editions

My template is wells.

Thank you and cheers

Markus

 

 

 

Try this code to Last Line in Code Injection > Footer

<script>
$(document).ready(function(){
    $(".product-price").html(function() { 
          return $(this).html().replace("from", "new text");  
    });
});
</script>