Solved

Add a ‘contact us’ button to product page

Ricardochurchil
Tourist
5 0 2
Hi there,

Some of the products I sell are ‘to order’ only, they’re handmade and I don’t stock them. I’ve managed to remove the add to cart button, and replace it with this information, but now I am looking to add a ‘contact us’ button on the product page.

I’m using the Brooklyn theme.

Thanks in advance for your help.

Ricardo
Accepted Solution (1)
SobefyOscar
Shopify Partner
115 11 41

This is an accepted solution.

<button class="btn btn--add-to-cart btn--secondary-accent">
<a href="YOUR CONTACT PAGE LINK HERE" class="btn__text">Contact Us</a></button>

Let me know if this works, not sure exactly which version of Brooklyn are you using so I'm a bit blind 😄 

Want to customize or make changes to a theme? Hire me.
If my answer was helpful please Like and Accept Solution.
Email: oscar@sobefy.com
Website: Sobefy.com

View solution in original post

Replies 11 (11)

SobefyOscar
Shopify Partner
115 11 41

Add this right below the buy now button 

 

<button class="btn btn--add-to-cart btn--secondary-accent">
<span class="btn__text">Contact Us</span></button>

If it's the same Broklyn Theme I know it will look like this, I'm using the same button class as add to cart to keep the consistency, but you can get creative in terms of how to style your custom button. Hope this helps. 

 

Screen Shot 2019-05-13 at 4.00.08 PM.png

 

 

Want to customize or make changes to a theme? Hire me.
If my answer was helpful please Like and Accept Solution.
Email: oscar@sobefy.com
Website: Sobefy.com
Ricardochurchil
Tourist
5 0 2
Thank you so much for that. That has worked and put the button in place, but links to the cart, how do I change this to link directly to the contact page?

Many thanks once again.

Rick
SobefyOscar
Shopify Partner
115 11 41

This is an accepted solution.

<button class="btn btn--add-to-cart btn--secondary-accent">
<a href="YOUR CONTACT PAGE LINK HERE" class="btn__text">Contact Us</a></button>

Let me know if this works, not sure exactly which version of Brooklyn are you using so I'm a bit blind 😄 

Want to customize or make changes to a theme? Hire me.
If my answer was helpful please Like and Accept Solution.
Email: oscar@sobefy.com
Website: Sobefy.com
Ricardochurchil
Tourist
5 0 2
Mate that’s perfect, thank you so much for your help.

Rick
SobefyOscar
Shopify Partner
115 11 41

cheers!

Want to customize or make changes to a theme? Hire me.
If my answer was helpful please Like and Accept Solution.
Email: oscar@sobefy.com
Website: Sobefy.com
Alincha
Shopify Partner
3 0 0

Hi! Thanks for you message and advice, but where exactly this link needs to be inserted? I have brooklyn theme.

EJLTD
Visitor
3 0 0

Can you precise please where exactly this link needs to be inserted on the brooklyn theme?

tinybitlost
Visitor
1 0 0

Thank youuu!

hjtvslll
Tourist
20 0 1

Hello. I'm not a Brooklyn template. I'm a debut template. I have the same problem. Can you help me?

 

obxac
New Member
4 0 0

Hey it works on Dawn too. But how can I style this button ? like text color- backround color and button size.

 

Thank you

 

Rana
marzena1
Visitor
1 0 0

What part of the code did you add it to?