Return to previous page

How can I customize checkout shipping buttons?

This topic has 2 replies, 2 voices, and was last updated 2 days, 6 hours ago ago by Tony Rodriguez

Cataclyps

Participant

February 17, 2025 at 21:57

I’d like to know how I can customize my checkout page

Right now this is it looks – https://prnt.sc/WPyex5cw5Do9

And this is how I’d like to make it look -https://prnt.sc/1S2XkMbfQQhD

How can I customize the buttons in the same way and also remove all the other unecessary fields and options?

#434616 Copied

1 Answer
Tony Rodriguez

Support staff

February 18, 2025 at 06:41
Hello, @Cataclyps,

Thank you for contacting us and for using XStore.

1/ You can edit the checkout page using Elementor by accessing **XStore Builders > Checkout Page Builder**. Detailed instructions can be found in our documentation: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-checkout-page-builder-with-elementor/

2/ To remove the unnecessary fields on the checkout page, we kindly request you to review and implement the custom code.

To remove the City & State fields, please add the following code under functions.php file locates in your child theme:

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' ); // Our hooked in function - $fields is passed via the filter! function custom_override_checkout_fields( $fields ) { unset( $fields['billing']['billing_city'] ); unset( $fields['billing']['billing_state'] ); return $fields; }

You can remove more fields from this list:

billing_first_name billing_last_name billing_company billing_address_1 billing_address_2 billing_city billing_postcode billing_country billing_state billing_email billing_phone

We trust this will assist you in achieving the desired outcome.

Should you have any further questions or require additional assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team
#434629 Copied
Viewing 2 results - 1 through 2 (of 2 total)