By default in many of the BigCommerce templates, the “add to cart” button is crammed against the quantity box and kind of askew in the vertical alignment. If you’re like me this probably really bothers you, so if you are trying to move the “add to cart” button that is placed next to quantity, a quick and easy fix is to move the add to cart button below the quantity box… here’s how I can do this?

Here’s what the button placement looks like by default. . .

add to cart button bigcommerce

First, Go To your Template Files, then open the snippet folder.

Then open the file named: ProductAddToCart.html

Then just add a couple breaks in like shown below.



Now your product page should look like this, well the button position anyway.

add to cart button postition