How to Make Changes in the Cart & Checkout Pages

This topic has 5 replies, 3 voices, and was last updated 1 month ago ago by Tony Rodriguez

  • Avatar: Will
    Will
    Participant
    December 27, 2025 at 11:00

    Hi,

    I want the change the colour of the buttons in Cart & Checkout pages.

    I also want the change the default payment method on the Checkout page. I want the Pre-paid order option to be the default rather than Cash on Delivery. And also want to change the order of placement of the payment methods.

    Right now, it is placed as;

    1. Cash on Delivery – selected as default right now
    2. UPI/Credit Card/Debit Card/Netbanking

    I want it to be the other way;

    1. UPI/Credit Card/Debit Card/Netbanking – Make this the default option
    2. Cash on Delivery

    Please see the screenshots.

    Thank you

    Wilson

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    4 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 27, 2025 at 14:13

    Hello @Will,

    Regarding the customization of the “Place Order” button on the Checkout page, since you are using our XStore Checkout Page Builder, you can modify the design of your checkout page in any way you prefer: https://gyazo.com/64357399e907c1ea7ace1230fdf2fb2e.
    You can find more information in the following article: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-checkout-page-builder-with-elementor/.

    If you would like to modify the payment methods by changing their order or setting a different default method, please note that such configurations can be adjusted in the WooCommerce settings, as this area is managed by WooCommerce plugin.
    More details about payment configuration can be found in this topic: https://wordpress.org/support/topic/how-to-change-the-default-selected-payment-gateway/.
    If you have any further questions related to payment methods, we recommend submitting your inquiry on the WooCommerce support forum.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Will
    Will
    Participant
    December 28, 2025 at 13:37

    Hi Jack, awesome!

    Your suggestions worked!

    Thank you so so much!

    Really appreciate your help.

    Avatar: Will
    Will
    Participant
    December 28, 2025 at 13:37

    Thanks for the support! My topic “How to Make Changes in the Cart & Checkout Pages” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 28, 2025 at 13:37

    Dear Will,

    It’s great having you in our WordPress & WooCommerce community!

    Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

    Together, we grow stronger with every release.

    Topic closed.
    The 8Theme Team

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to Make Changes in the Cart & Checkout Pages’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.