Do you have a Buy it Now button in addition to add to cart?

Hi,

I have to include a buy now button similar to https://pearlaura.shop/products/pearl-auranatural-pearl-earrings-with-planetary-orbi, right below the Add to Cart button. Do you have a similar set up? How to do this?

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Single product > Buy now > enable the “Buy now button” and set the button redirect location: https://xtemos.com/docs-topic/buy-now-button/

Best Regards,

Thank you. I have added it. But how to configure this button, as currently it is smaller. I want it to be the same size as the add to cart button and also changes color when hovering. When I try to edit the page in elementor, I do not see the editor available for th Buy now button. Also, how to add a 4px radius to both buttons? Any css codes needed?

Attachments:

You must be logged in to view attached files.

Also it possible for the Buy Now button to be linked with the Paypal checkout, such as here the Pay with Paypal button, https://pearlaura.shop/products/pearl-auranatural-pearl-earrings-with-planetary-orbi ?

Hello,

01. Navigate to Theme Settings > Styles and Colors > Buttons > In the Advanced button styles section, you can select the single Add to Cart button and single buy now in the dropdown and change the background color and hover color: https://ibb.co/zTRdCkcs

Please follow this guide: https://xtemos.com/docs-topic/advanced-button-styles/

02. Sorry to say it is not possible in theme settings to link this button “pay with paypal”.

Best Regards,

Sorted. Thanks. How to add 4px radius to the buttons at the corners, to be consistent with my other buttons, for example, attached.

Attachments:

You must be logged in to view attached files.

And how to move the Buy Now button to a row below the Add to Cart button, similar to here https://pearlaura.shop/products/pearl-auranatural-pearl-earrings-with-planetary-orbi and here https://www.missoma.com/products/puffy-heart-mini-stud-earrings-18ct-gold-vermeil

Hello,

01. You can adjust those buttons’ style via Theme Settings -> Styles and Colors -> Buttons.
https://gyazo.com/f8247d7ade8737dd34a9bb0e9b031058

ACCENT BUTTONS: Buttons that are directly related to the WooCommerce purchase functionality. Try to change the button style in the accent buttons settings and check the issue.

02. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.single-product form.cart {
    flex-direction: column !important;
    align-items: stretch !important;
}

.single-product form.cart div.quantity,
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .wd-buy-now-btn {
    width: 100% !important;
    margin-bottom: 10px;
}

.single-product form.cart .wd-buy-now-btn {
    margin-bottom: 0;
}

Best Regards,

Hi,

The codes work great. I like them. But the options here https://gyazo.com/f8247d7ade8737dd34a9bb0e9b031058
do not have the options of how to change the button radius. Please advise.

And as you can see, even after I have changed the option for Accent Buttons to Round to reduce the angular corners of my buttons, the buttons are unaffected and remain the same.

Hello,

Sorry to hear about the inconvenience. Kindly please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and give you a possible solution.

Best Regards,

Here you go

Hello,

I am not able to log in to your site. Can you please share the login URL of your site so I can access the WP admin, check the settings, and give you the possible solution?

Best Regards,

I am sorry. Check the login again. I have corrected the error

Hello,

I tried accessing the login page again, but I’m still unable to log in. When visiting /wp-admin, I’m seeing the following error: https://ibb.co/YYvG6s7

This usually indicates that Mod_Security, a security module on your hosting server, is blocking access. You might need to contact your hosting provider to temporarily disable or adjust Mod_Security rules.

Additionally, your site appears to be in maintenance mode, which may also be restricting access to the admin area.

Could you please, Confirm the correct login URL again if it’s different from the standard /wp-admin

Best Regards,

I apologize for the inconvenience. Could you try the temporary login in the private section for the time being? I will sort this out with my host.

Hello,

You need to increase the “PHP Max Input Vars” parameter to 10000 or higher in your PHP configuration. You can contact your hosting provider for help on this matter and check how it works.

Best Regards,

Hi,

PHP Max Input Vars parameter has been updated to 10000. please check the attached. Before it was 3000.

Attachments:

You must be logged in to view attached files.

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.single-product .wd-btn-design-full form.cart :where(.single_add_to_cart_button,.wd-buy-now-btn) {
border-radius: 20px;
}

Best Regards,

Excellent. This works! ! Thanks a lot.

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts