Move 'add to cart' button

Hi there,
On shop pages, the ‘add to cart’ button is on the image thumbnail.
How can I move it to beneath the price/quantity section?

Hello,

I don’t think that there is an easy way to do that, unfortunately.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman.

I found some code to remove the ‘add to cart’ button, but have not found anything to place it back in a different position.

Is the placement of the ‘add to cart’ button a theme related matter? As there’s plenty of other themes running woocommerce that do not have it in that position…

Is it that it is not an editable part of the theme?

Alan

Hello Alan,

Is the placement of the ‘add to cart’ button a theme related matter?

Yes, it is theme-related for Airi.

Is it that it is not an editable part of the theme?

There are no options to change that in settings. But please try to do the following.

  1. Delete woocommerce/loop/add-to-cart.php file in theme folder (you’ll have to do it after each theme update).

  2. Add the following CSS code. You can add CSS code in Customize → Additional CSS section.

.woocommerce ul.products li.product .button {
    position: static;
    opacity: 1;
    border-radius: 2px;
    width: auto;
    padding: 14px 30px;
    height: auto;
    line-height: 1;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: unset;
    right: unset;
}

Please remember about importance of regular full site backups (files and database):
https://codex.wordpress.org/WordPress_Backups

Kind Regards, Roman.