Redirect Add to Cart button to Contacts page

Hi,

How can I redirect my "add to cart" button to my Contacts page?

I've seen that some people were able to do that with some code injection but I can't find a solution that would work for me and I've browsed through tons of topics already. The redirection never works.

Here is my website URL. P.S.: the "add to cart" button is currently hidden with some CSS code until I can find a solution for this, since I do not want my customers to actually buy anything on the website. They need to contact me first.

https://www.sunvoltio.com/

Thank you in advance.

You could leave the add to cart button hidden and add a link to the description which could then be styled like a button with CSS.

On 11/8/2023 at 8:39 AM, Ziggy said:

You could leave the add to cart button hidden and add a link to the description which could then be styled like a button with CSS.

Hi,

Sorry for the delay. That would mean that I'd have to do this inside of every single product, which is not ideal but since this website has only around 50 products I guess that'd be okay for now.

Could you please provide a template of CSS to style it as a button and then I'd try to work around with it and customize it?

Much appreciated!

On 11/17/2023 at 3:03 PM, Ziggy said:

If you can add a link to one of your products that goes to the contact page, style the text as Paragraph 2 + Bold + Italic

Then add this code to Custom CSS:

.ProductItem-details .ProductItem-details-excerpt p a strong em {
  color:#fff;
  background:#f5bb41;
  padding:1rem 2rem;
  border-radius:3rem;
  font-weight:400;
  text-decoration:none !important;
  font-style:initial;
}

Thank you for your assistance, this was super helpful!