Return to previous page

Cannot Reverse order of Buy Now Button on Product Page

This topic has 6 replies, 2 voices, and was last updated 5 months, 3 weeks ago ago by HmirceaD

HmirceaD

Participant

November 12, 2023 at 15:56

Hello,

I’m trying to find a way to reverse the order of the ‘buy now’ button and the ‘add to cart’ button on the product page.

Adding flex-direction: column-reverse; displays the quatity selector in an incorrect way.

In the past I added two separate add to cart elements in the elementor product page however for variable products this does not work as it displays select options for both add to cart elements.

Is there a way to do this? Thanks!

Please, contact administrator
for this information.

#373523 Copied Theme version: 9.1.13

5 Answers

Rose Tyler

Support staff

November 13, 2023 at 13:09

Hello, HmirceaD,

Thank you for reaching out to us with your query. We understand that you would like to reverse the order of the ‘Buy Now’ button and the ‘Add to Cart’ button on your product page.

Please check now, we added custom CSS code https://prnt.sc/Bdn0e-gWhbV_ > https://prnt.sc/NQ_sFhvQKDRL

Kind Regards,
8theme team

#373607 Copied

HmirceaD

Participant

November 13, 2023 at 13:17

Hello Rose, thanks for the help, it looks good

Sadly the it doesn’t seem to work that well on products that are not variable like this one:

https://auri.rocketstaging.online/produs/set-6-rujuri-rezistente-la-transfer/

I attached a screenshot to see, I’d need it to look the same as for the variable products.

Thanks!

Please contact administrator
for this information.

#373609 Copied

Rose Tyler

Support staff

November 13, 2023 at 13:33

Hello, HmirceaD,

We appreciate your prompt response.

We’ve changed the mentioned custom CSS code. Please clear cache and check now.

Kind Regards,
8theme team

#373613 Copied

HmirceaD

Participant

November 13, 2023 at 18:51

Hello Rose,

I appreciate the changes sadly it seems it doesn’t work on mobile.

On desktop it looks good and the buttons are aligned properly, however on mobile the buttons are not aligned properly and they are on a single row, as opposed to the variable products were they are on 2 rows (this is how it should be).

Thanks!

#373650 Copied

HmirceaD

Participant

November 13, 2023 at 19:01

Nevermind, it was a chaching issue, thanks!

#373651 Copied
Tagged: improve woocommerce user experience, optimize woocommerce product page, product page customization, reverse buy now button order, woocommerce best selling themes, woocommerce button layout
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Cannot Reverse order of Buy Now Button on Product Page’' has been successfully resolved, and the topic is now closed for further responses

Cannot Reverse order of Buy Now Button on Product Page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection