How can I modify my product 'Buy' buttons layout and color?

Store Design
1

Hi everyone, I know this might be confusing, so please read carefully.

I have several changes that I want to make to my ‘buy’ buttons, and importantly, I want these changes to apply to all products in my store.

All products currently have:

1). An “Add to Cart”, button, and 2). a “Buy with Apple Pay” button.

Changes that I want to make:

1. I want to add a “Buy it Now” button (so that I would now have an “Add to Cart” button, a “Buy it Now” button, and a “Buy with Apple Pay” button).

2. I want the “Buy it Now” button to be set above the “Add to Cart” button (currently, the “Add to Cart” button is above the existing “Buy with Apple Pay” button).

3. I want the “Buy it Now” button to be green, without changing the color of other buttons on the site (such as “view all”, etc.).

Thank you in advance for any and all help!

-ANHS

2

Hello,

I want the “Buy it Now” button to be set above the “Add to Cart” button (currently, the “Add to Cart” button is above the existing “Buy with Apple Pay” button).

3. I want the “Buy it Now” button to be green, without changing the color of other buttons on the site (such as “view all”, etc.).

RE: for this you need to apply the css for that.

For that you need to add the BUY now button on the product page.

3

Hello,

Also can you tell me which theme are you working for the store? So i can suggest the code for the Buy now button.

4

Hi Angel95, thank you.

I am using the “Crave” theme. Are you able to provide code for all three solutions?

Thanks!