Customize the order-received page

This topic has 11 replies, 2 voices, and was last updated 3 hours, 41 minutes ago by kruajeng.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
March 20, 2025 at 6:44 pm #647670

kruajeng
Participant

I want to customize the order-received page like other pages.
Also, I don’t remember where [contact-form-7 id="ed61b62" title="send evidence transfer money"] came from to remove it.

And I want to set the screen width of this page to 1250px.

Attachments:
You must be logged in to view attached files.

March 21, 2025 at 10:07 am #647789
Aizaz Imtiaz Awan
Keymaster
Hello,

I’ve just placed a test order on your site and reviewed the Thank You page. I did not see the [contact-form-7 id="ed61b62" title="send evidence transfer money"] shortcode or any contact form appearing on that page.

To change the heading color, you can add this CSS in Theme Setting > Custom CSS:
```
.woocommerce-thankyou-order-received {
    color: #f4a108 !important;
    border: 2px dashed #f4a108 !important;
}
```
To limit the width of the Order Received page, you can add this CSS in Theme Setting > Custom CSS:
```
.woocommerce-order {
    max-width: 1250px !important;
    margin: 1 auto !important;
}
```
Best Regards,
March 21, 2025 at 10:27 am #647796

kruajeng
Participant

I checked based on what you informed me. My screen still has it.
Can you help me remove this code?

Attachments:
You must be logged in to view attached files.

March 21, 2025 at 3:13 pm #647920

Aizaz Imtiaz Awan
Keymaster

Hello,

It’s possible that the form appears specifically when placing an order using the bank payment method. To help determine whether this is related to the theme, could you please test the checkout process using a default WordPress theme such as Twenty Twenty or WooCommerce Storefront? This will help us identify if the issue is theme-related or coming from another source.

Best Regards,

March 22, 2025 at 3:56 am #648066

kruajeng
Participant

I’ve tried switching to the WooCommerce Storefront theme, but it remains the same.
I don’t have access to the page to remove this information.

I’m not sure what to do. Additionally, I’d like this page to display Google Maps information for additional shipping, as shown in the image. Is this possible to fix?

Attachments:
You must be logged in to view attached files.

March 22, 2025 at 11:30 am #648110

Aizaz Imtiaz Awan
Keymaster

Hello,

Thanks for checking with the Storefront theme — since the issue remains it means it is not our theme issue, it’s likely that the form shortcode [contact-form-7 id="ed61b62" title="send evidence transfer money"] was added through a custom snippet, plugin, or via a hook in your child theme (especially for orders using the bank transfer method).

Navigate to Theme Setting > Shop > Thankyou page > Check the default thank you page or you can add the extra content for the thank you page.

The “Thank you” page is related to WooCommerce so if you want to edit it you need to copy the below file to your child theme and make changes there: woodmart/woocommerce/checkout/thankyou.php

Best Regards,

March 22, 2025 at 1:11 pm #648123

kruajeng
Participant

Hello, Aizaz Imtiaz Awan

I’ve already deleted it, but there’s still an unwanted display.
How do I fix it?

Could you please check?

Attachments:
You must be logged in to view attached files.

March 22, 2025 at 1:41 pm #648137

kruajeng
Participant

Please check?

Attachments:
You must be logged in to view attached files.

March 22, 2025 at 1:53 pm #648143

kruajeng
Participant

Please check

March 22, 2025 at 1:53 pm #648144

kruajeng
Participant

defined( ‘ABSPATH’ ) || exit;

$wrapper_classes = ”;

if ( woodmart_get_opt( ‘thank_you_page_extra_content’ ) ) {
$wrapper_classes .= ‘ wd-with-extra-content’;
}

?>

<div class=”woocommerce-order<?php echo esc_attr( $wrapper_classes ); ?>”>

<?php if ( $order ) : ?>

<?php do_action( ‘woocommerce_before_thankyou’, $order->get_id() ); ?>

<?php if ( $order->has_status( ‘failed’ ) ) : ?>

<p class=”woocommerce-notice woocommerce-notice–error woocommerce-thankyou-order-failed”><?php esc_html_e( ‘Unfortunately your order cannot be processed as the originating bank/merchant has declined your transaction. Please attempt your purchase again.’, ‘woocommerce’ ); ?></p>

<p class=”woocommerce-notice woocommerce-notice–error woocommerce-thankyou-order-failed-actions”>
get_checkout_payment_url() ); ?>” class=”button pay”><?php esc_html_e( ‘Pay’, ‘woocommerce’ ); ?>
<?php if ( is_user_logged_in() ) : ?>
” class=”button pay”><?php esc_html_e( ‘My account’, ‘woocommerce’ ); ?>
<?php endif; ?>
</p>

<?php else : ?>

<?php if ( woodmart_get_opt( ‘thank_you_page_extra_content’ ) || woodmart_get_opt( ‘thank_you_page_html_block’ ) ) : ?>
<div class=”wd-order-extra-content wd-entry-content”>
<?php if ( ‘text’ === woodmart_get_opt( ‘thank_you_page_content_type’, ‘text’ ) ) : ?>
<?php echo do_shortcode( woodmart_get_opt( ‘thank_you_page_extra_content’ ) ); ?>
<?php else : ?>
<?php echo woodmart_get_html_block( woodmart_get_opt( ‘thank_you_page_html_block’ ) ); ?>
<?php endif; ?>
</div>
<?php endif; ?>

<?php if ( woodmart_get_opt( ‘thank_you_page_default_content’ ) ) : ?>

<?php wc_get_template( ‘checkout/order-received.php’, array( ‘order’ => $order ) ); ?>

<ul class=”woocommerce-order-overview woocommerce-thankyou-order-details order_details”>

<li class=”woocommerce-order-overview__order order”>
<?php esc_html_e( ‘Order number:’, ‘woocommerce’ ); ?>
<?php echo $order->get_order_number(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>

<li class=”woocommerce-order-overview__date date”>
<?php esc_html_e( ‘Date:’, ‘woocommerce’ ); ?>
<?php echo wc_format_datetime( $order->get_date_created() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>

<?php if ( is_user_logged_in() && $order->get_user_id() === get_current_user_id() && $order->get_billing_email() ) : ?>
<li class=”woocommerce-order-overview__email email”>
<?php esc_html_e( ‘Email:’, ‘woocommerce’ ); ?>
<?php echo $order->get_billing_email(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>

<?php endif; ?>

<li class=”woocommerce-order-overview__total total”>
<?php esc_html_e( ‘Total:’, ‘woocommerce’ ); ?>
<?php echo $order->get_formatted_order_total(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>

<?php if ( $order->get_payment_method_title() ) : ?>
<li class=”woocommerce-order-overview__payment-method method”>
<?php esc_html_e( ‘Payment method:’, ‘woocommerce’ ); ?>
<?php echo wp_kses_post( $order->get_payment_method_title() ); ?>

<?php endif; ?>

<?php endif; ?>

<?php endif; ?>

<?php if ( woodmart_get_opt( ‘thank_you_page_default_content’ ) ) : ?>
<?php do_action( ‘woocommerce_thankyou_’ . $order->get_payment_method(), $order->get_id() ); ?>
<?php do_action( ‘woocommerce_thankyou’, $order->get_id() ); ?>
<?php endif; ?>

<?php else : ?>

<?php wc_get_template( ‘checkout/order-received.php’, array( ‘order’ => false ) ); ?>

<?php endif; ?>

</div>

March 22, 2025 at 2:28 pm #648163

Aizaz Imtiaz Awan
Keymaster

Hello,

Sorry to say, but this issue does not originate from our theme. You can verify this by switching to a default WordPress theme like Twenty Twenty or WooCommerce Storefront to check if the problem still occurs.

To investigate further, I need to place an order on your site using the bank transfer payment method, as that’s when the issue appears. This will help me identify the exact element and provide you with a custom CSS solution to remove it. Currently, I’m unable to place an order,

Best Regards,

March 22, 2025 at 5:32 pm #648199

kruajeng
Participant

Close Topic
Author

Posts