How to customize the checkout page to enable/disable the options

This topic has 7 replies, 3 voices, and was last updated 4 months, 3 weeks ago ago by Andrew Mitchell

  • Avatar: Mahamud Hassan
    Mahamud Hassan
    Participant
    February 2, 2025 at 21:20

    Hi,
    I want to customize the checkout page to disable 1 or 2 page but didn’t found the option.

    Files is visible for topic creator and
    support staff only.
    6 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 3, 2025 at 08:02

    Hello, @Mahamud Hassan,

    Thank you for contacting us and for using XStore.

    To address your query, kindly follow the steps below:

    1. Navigate to **XStore > Theme Options > WooCommerce > Cart/Checkout Layout**.
    2. Turn the option **OFF** and publish the changes.

    For your reference, please review the images provided here: https://paste.pics/SRF61

    Alternatively, 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/

    We hope this information is helpful. Should you have any further questions or require additional assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: Mahamud Hassan
    Mahamud Hassan
    Participant
    February 3, 2025 at 13:45

    I think i couldn’t clarify my question, On checkout page there have many fields which needs to be fillup, but I want to disable 2-3 fields, like I don’t want the Town/city field, I don’t want email field to show. So How can I disable them?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 3, 2025 at 14:04

    Hello, @Mahamud Hassan,

    Thank you for your response.

    1/ B/ 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

    Avatar: Mahamud Hassan
    Mahamud Hassan
    Participant
    February 3, 2025 at 16:24

    Thank you! How to do that for shipping fields too?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 4, 2025 at 05:24

    Hello, @Mahamud Hassan,

    Thank you for your response.

    We kindly request you delete shipping by navigating to WooCommerce > Settings > Shipping > Shipping Settings. https://woocommerce.com/document/setting-up-shipping-zones/

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

    Best regards,
    The 8Theme Team

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    February 8, 2025 at 13:57

    Dear Mahamud Hassan,

    We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

    Click here to spread the love: https://themeforest.net/downloads

    Thank you for being an integral part of our journey!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘How to customize the checkout page to enable/disable the options’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

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