Shopify: change the text of the buy now button

Shopify: change the text of the buy now button

The Buy Now button

The button "Buy now"Or"Dynamic checkout", allows the visitor to be redirected directly to placing an order, or if PayPal is activated, to display a PayPal purchase button.

Almost everyone adds it to their store because it is a very interesting feature. However, you can't edit the text in Shopify themes.

Change the text of the Buy Now button

Here's how to change it via CSS :

button.shopify-payment-button__button:before {
content: "LE NOUVEAU TEXTE A AFFICHER";
line-height: 1.42;
text-decoration: none;
text-align: center;
white-space: normal;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.2em;
}
button.shopify-payment-button__button {
font-size: 0px !important;
}
To put at the very end of theme.css.
Back to blog

Leave comments

Veuillez noter que les commentaires doivent être approuvés avant d'être publiés.