Changing Buy Now buttons

Last updated

You can change the Buy Now buttons in your Ecwid store. These buttons are displayed on category pages.

You can enable these buttons for your store in your Ecwid Control Panel→ Settings → General → Cart & Checkout by switching the toggle for Show "Buy now" buttons on products list pages.

In this article:

If you need unique custom design for your store or need multiple style changes, our experts can help. Please fill in this form: Custom design for Ecwid store. We will be glad to help you designing your Ecwid store.

Customizing the look of Buy Now buttons

The Buy Now buttons show on the catalog page in your store:

Buy Now buttons in your store

Below is CSS code for changing the color of the buttons. Feel free to change "red" to any color you wish.

/*Button color*/ .ec-store .form-control--small .form-control__button {
background: red;
/*Text color*/ .ec-store .form-control--small .form-control__button {
color: white;

Customizing the text on Buy Now buttons

You can use the general approach for changing or translating texts in Ecwid, the Storefront Label Editor App. It allows to change storefront labels right in your Ecwid Control Panel. See the detailed instruction on how to change the text.


Back to top
Was this article helpful? 6 out of 17 found this helpful