How to add something after the "from (price)"....

Site URL: http://paulette-interieurs.com/

Hello everyone,
I would like to add a texte ("par lot") right after the "from (price)"....
And in a perfect world, I would LOVE to have that changing according to the variable.
Do you guys think it's possible? 

Is there anyone that have that kind of knowledge and can help me with that?


 

Thank you guys for you precious time and the help.

hoppy

 

You should be able to add content there using this Custom CSS

.product-price::after {
    content:'add you text here';
}

If you want to change this based on a variable then you'll need some clever javascript (what are the variables?). Or you could target this text to different items, and change them manually per page as needed using the item IDs.

Let me know if it works for you.

7 minutes ago, Hoppy said:

Site URL: http://paulette-interieurs.com/

Hello everyone,
I would like to add a texte ("par lot") right after the "from (price)"....
And in a perfect world, I would LOVE to have that changing according to the variable.
Do you guys think it's possible? 

Is there anyone that have that kind of knowledge and can help me with that?


 

Thank you guys for you precious time and the help.

 

hoppy

 

Do you mean that each variant when clients choose will generate a different word?

On 9/28/2022 at 11:59 AM, Ziggy said:

You should be able to add content there using this Custom CSS

.product-price::after {
    content:'add you text here';
}

If you want to change this based on a variable then you'll need some clever javascript (what are the variables?). Or you could target this text to different items, and change them manually per page as needed using the item IDs.

Let me know if it works for you.

You are the man !!! 
(noob question) where do I need to go to add that code?

For the variables :
We sell wallpapers, so when they change the "dimensions" they want, in my perfect world that should follow and change too.

Do you think it's doable @Ziggy ?

Thank brother !

Hoppy

On 9/28/2022 at 12:00 PM, bangank36 said:

Do you mean that each variant when clients choose will generate a different word?

I would rather say, that it will replicate the texte in the "Dimension" (see pic) variable picked...
But at start it need to have a "Default" texte that could be the first or the cheapest variable. 

Hope the makes sense...

Thank you brother for the help. You are saving my day.

Hoppy

35 minutes ago, Hoppy said:

where do I need to go to add that code?

Hi @Hoppy, you'll need to put it in the Custom CSS in the Design menu in the dashboard.

https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor

6 hours ago, Ziggy said:

Hi @Hoppy, you'll need to put it in the Custom CSS in the Design menu in the dashboard.

https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor

THANK YOU @Ziggy ! I tried it and it's working perfectly.

Here my problème now... 

I have add the texte I wanted by default (the size of the default wallpaper's panel).... 

BUT...

Now when I change to another size of the panel, it keep show the default one. 

How can I fix this ?
 

Can you copy/paste the exact CSS you've added to here?

3 hours ago, Ziggy said:

Can you copy/paste the exact CSS you've added to here?

Yes of course !
Here it is :
 

.product-price::after {
    content:'le panneau de L.180xH.270cm';
}

4 hours ago, Hoppy said:

Now when I change to another size of the panel, it keep show the default one. 

How can I fix this ?

On 9/28/2022 at 2:59 AM, Ziggy said:

If you want to change this based on a variable then you'll need some clever javascript

As Ziggy points out you'll need some JavaScript to get the job done.

Please see the following. It is not a solution to your particular issue but is base code which a callback could be written to take on your particular issue.

38 minutes ago, creedon said:

 

As Ziggy points out you'll need some JavaScript to get the job done.

Please see the following. It is not a solution to your particular issue but is base code which a callback could be written to take on your particular issue.

 

Thank you for your help brother !
But my problem is not to get rid of the "From", is that my client's clients don't know what that €315,95 point to... (3 rolls of wallpapers - It's sold by pack of 3, 4 or 5). 
That big price tag is scaring them away.
So we need to explain very quickly that the "from (price)" corresponds to the cheapest variable = pack of 3 rolls of wallpaper. Which @Ziggy solution helped to fix (cuddos to him !). But the problem is now that when a visitor change the variable to the next pack, which is more expense. The texte after the price is still there and still show the info that corresponds to the first variable.

Idk what to do 😕 

Quote

But my problem is not to get rid of the "From",

My code can deal with more than just changing From. Changing from was the original issue that my original code solved but it has evolved beyond that to handle just about any kind of change to the price, with the addition of a custom callback to my code.

Again this is not a solution but a demo of what can be done with my Store Price Change code and a custom callback.

Is this similar to the effect you want to achieve?

6 minutes ago, creedon said:

Again this is not a solution but a demo of what can be done with my Store Price Change code and a custom callback.

 

Is this similar to the effect you want to achieve?

OMG !
That's exactly THAT !!!... in the first variable texte by default...
Can you give the me code? 

On 9/30/2022 at 2:09 PM, Hoppy said:

Can you give the me code?

Please see Store Product Detail Price Variant Add.

This code only handles adding the variant text after the price. To alter the À partir de 315,90 € you would set the store price change searchReplaceText with the following.

        '/(À partir de.*)/' : '$1 [enter from text add here between single quotes replacing square brackets]',
        
        '€' : spdpva,
        

Let us know how it goes.