[Resolved] Move Add To Cart Button Woocommerce Above Decription

[Pandu Aji]

Hi, i want to move add to cart button in one page above the short description. How to make it possible?

[Fernando]

Hi Pandu Aji,

For reference, can you provide a link to a product in your website?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Pandu Aji]

for references you can check at https://labijo.id/philodendron-florida-ghost/

[Fernando]

I see. Can you try adding this through Appearance > Customize > Additional CSS:

.single-product .summary.entry-summary {
    display: flex;
    flex-direction: column;
}

.single-product .summary.entry-summary form.cart {
    order: -2;
}

.single-product .summary.entry-summary h1.product_title.entry-title {
    order: -4;
}

.single-product .summary.entry-summary p.price {
    order: -3;
}

.single-product .summary.entry-summary p.stock.in-stock {
    order: -1;
}

[Pandu Aji]

Great! Thank you, but the stock still in the below product description. how to move them to the top of add to cart button?

[Fernando]

I see. I updated the code above. Can you try that instead?

[Pandu Aji]

It’s great! Thank you for helping me!

[Author]

Posts