Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
beaudioful

German Law / Checkout Button

Recommended Posts

Posted (edited)

Hey there,according to German Law, I would need to modify the descriptive text on the current final checkout button from "jetzt bestellen" to something like "kostenpflichtig bestellen". How do I do this?Thank you very much!Best regards,André of beaudioful.com

Edited by beaudioful
Initial Revision

Share this post


Link to post

I put the online shop ... online. You may find a product here:https://beaudioful.com/shop-raeck/vz16lw9640xadg3c5esda9yfzebtan-nb8t8-gyf9y-ryzhk

Thanks for your help!

Share this post


Link to post
Posted (edited)

Is it Step 5?alt textCan you take screenshot of that button?

If it is step 5. I think I can't order .... to check its code.

You can click "jetzt..." button > Inspect Element > take screenshot of all code, i will try checking. See how to: https://beaverhero.com/squarespace-how-to/#Method2Inspect_Element

screenshot-4.png.1ae1bbd713a20cd4401cb8ec4a336546.png

Edited by tuanphan
Initial Revision

Share this post


Link to post

Here you may find the code:alt text

I would just need to replace "Jetzt kaufen" with something like "kostenpflichtig bestellen". But I don't know how. Maybe you would know? Thanks for your help!

bildschirmfoto-2019-07-21-um-104402-sum.png.fdd04468775da49b072e258a617e8b81.png

Share this post


Link to post

@beaudioful Try adding to Home > Design > Custom CSS


.ReviewSection-purchaseButton-1jKKj .u-field-button {
   visibility: hidden;
}
.ReviewSection-purchaseButton-1jKKj .u-field-button:after {
   visibility: visible;
   content: "Your New Checkout Text"
   font-size: 16px;
   color: #000;
   display: block;
}


Share this post


Link to post

@beaudioful Try


[data-test="purchaseButton"] {
    visibility: hidden;
}
[data-test="purchaseButton"]:after {
    visibility: visible;
    content: "Your New Checkout Text"
    font-size: 16px;
    color: #000;
    display: block;
}


Share this post


Link to post

@beaudioful try this


 [data-test="purchaseButton"] {
     visibility: hidden;
 }
[data-test="purchaseButton"]:after {
     visibility: visible;
     content: "Your New Checkout Text";
     font-size: 16px;
     color: #000;
     display: block;
 }


Share this post


Link to post

Thank you anyway! You tried. I really appreciated your help.Squarespace didn't do anything so far, nor got back to me. If say do not reply soon, I might have to change my provider. There are companies, which do allow to change the button texts etc., thus comply with German Laws.Again: THX to you!

Share this post


Link to post

@beaudioful try add important to after

content: "Your New Checkout Text" !important;

Or you can create a product that costs $1 and send me the link, I can check.

Share this post


Link to post

@beaudioful Try this. I thought the code worked, but it was white .... so you thought it didn't work


[data-test="purchaseButton"] {
   visibility: hidden;
}
[data-test="purchaseButton"]:after {
   visibility: visible;
   content: "New Text";
   display: block;
   background: #000;
   color: #fff;
   padding: 10px;
   width: 100%;
}



Share this post


Link to post

Just to be sure:I simply copy the lines into the CSS at DESIGN > CUSTOM CSS ... save it ... correct?

Still, nothing. I am sorry.

Share this post


Link to post

[data-test=purchaseButton] { visibility: hidden; } [data-test=purchaseButton]:after { visibility: visible; content: "New Text"; display: block; background: #000; color: #fff; padding: 10px; width: 100%; }

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...