Prestige Theme - Add to chart and Buy it Now Button

chasehorizzons
New Member
7 0 0

Hello, 

 

I am using the prestige theme. On each products' page, I have two buttons: "Add to chart" and "Buy it now". How can I make both buttons orange? On the phone view, I only see the "Add to chart" button. How can I add both buttons in orange? 

 

Computer ViewComputer ViewComputer ViewComputer ViewPhone ViewPhone View

Replies 5 (5)

Alex_Lam
Shopify Partner
94 30 26

Hey there, would need your store's URL to check it out! And password if there is one

Is your store fast enough? Compare your store's speed against hundreds of others for free with our benchmarker - https://www.rvere.com/

Alex_Lam
Shopify Partner
94 30 26

To make the add to cart button orange, you'd have to change its button class from secondary to primary. 

 

In your product template in the theme editor, look for this code:

<button type="submit" class="ProductForm__AddToCart Button Button--secondary Button--full" data-action="add-to-cart"><span>Add to cart</span></button>

And edit --secondary to --primary like so:

<button type="submit" class="ProductForm__AddToCart Button Button--primary Button--full" data-action="add-to-cart"><span>Add to cart</span></button>
Is your store fast enough? Compare your store's speed against hundreds of others for free with our benchmarker - https://www.rvere.com/
chasehorizzons
New Member
7 0 0

Thank you for your quick response! I searched for the code above in product templates, product sections, and product snippets; but I can't find the code above. Is it in a particular file?

chasehorizzons
New Member
7 0 0

Thank you for your quick response! I searched for the code above in product templates, product sections, and product snippets; but I can't find the code above. Is it in a particular file?

Vash_Tom
Tourist
5 0 0

Hey Alex, 
Hope you are doing great. I am struggling with finding the button type piece of code. Can you help me please?
Thank you!