Can you make a normal "button" into a "add to cart" button?

Hi. I wanted to use a normal "button" as an "add to cart" button. Is there a way to do that?  The normal "button" has more design options so I wanted to use that, instead of using the "add to cart" button that comes with the "product" module.

Thank you for any help!

I think the only way is use CSS code to make add to cart button style same as normal button. If you share link to a product - link to page where you we can see button, we can give the code to do this

Hello. Here is a product I would like to make a "add to cart" button for but without using the "product" module.

https://skylabnyc.com/reshades/#landofthefreehomeofthedead

thank you for your help!

On 2/24/2022 at 1:04 AM, Skylab said:

Hello. Here is a product I would like to make a "add to cart" button for but without using the "product" module.

https://skylabnyc.com/reshades/#landofthefreehomeofthedead

thank you for your help!

Add to Design > Custom CSS

/* Add to cart button style */
div.sqs-add-to-cart-button {
    background-color: black !important;
    padding: 1.25em 2.5em !important;
}

I have another question. Is there code I can apply where I can alter the, size, color, and font of the "product" module button? I've attached a screenshot.

Thank you for your great help.

23 hours ago, Skylab said:

I have another question. Is there code I can apply where I can alter the, size, color, and font of the "product" module button? I've attached a screenshot.

Thank you for your great help.

Use this CSS

/* Product block button */
div.product-block .sqs-add-to-cart-button-inner {
    font-size: 20px;
}
div.product-block .sqs-add-to-cart-button {
    padding: 2.1rem 2.5rem;
}

You're the best! It worked. One last question. What if I wanted to override the color of the button? What would the code look like then?

Also, do you have a website/paypal where I can buy you a cup of coffee.

Thanks!

7 hours ago, Skylab said:

You're the best! It worked. One last question. What if I wanted to override the color of the button? What would the code look like then?

Also, do you have a website/paypal where I can buy you a cup of coffee.

 

Thanks!

div.product-block .sqs-add-to-cart-button-inner {
    font-size: 20px;
	background-color: #f1f !important;
}

#1. Use this code

div.product-block .sqs-add-to-cart-button-inner {
    font-size: 20px;
	background-color: #f1f !important;
}

#2. No. But if have some volunteers (students), ready to check your website for errors and provide code, you can donate to them. If you need it, let me know, I will check site and send it to your private message