How to hide order# from thank you page

Hi, i need to hide order# only from thank you page? there should be alphabits not numbers i guess. i have highlighted in the attached file plz check

Hi @nuepakistan ,

For non-Plus Shopify stores, since you cannot edit the checkout or thank you page code directly, your only option is to add custom JavaScript in the “Order Status Page” scripts area:

  1. Go to Shopify Admin > Settings > Checkout.

  2. Scroll down to Order status page > Additional scripts.

  3. Paste this code:

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var orderNumber = document.querySelector('.os-order-number'); // check if this selector works, or adjust if needed
    if(orderNumber) {
      orderNumber.textContent = 'Order #ABCD123'; // Replace with any text or alphabets only
    }
  });
</script>

This replaces the visible order number on the thank you page with your custom text.

Note: This only changes the display on the thank you page; order emails and backend still show the real order number.

If you want the exact selector or help with your theme, please share your store URL or a screenshot.

If it resolves your issue, please mark my answer as a solution. Are you comfortable doing it on your own, or need a detailed guide? Or if you want to hire an expert to do it for you, I’m here. Please DM.

Hi @nuepakistan

I am from Mageplaza - Shopify solution expert.

Sure, I can help with that! Please upload the screenshot or file you mentioned so I can see exactly what you’re referring to. Meanwhile, here’s a general guide on how to hide or change the order number on the Shopify Thank You page:

Option 1: Hide the Order Number using CSS
If you want to hide the order number only on the Thank You page, you can inject a small CSS snippet in the checkout.liquid file (if you’re on Shopify Plus, as that’s the only plan that allows checkout customization).


This will hide the order number, but the element will still exist in the HTML (just not visible).

Option 2: Replace Order Number with Letters (Custom Display Only)
Shopify does not allow changing the actual order number format (like replacing with letters) unless you use Shopify Plus + Flow or custom apps, but you can create a visual override like:

{% assign fake_order_number = 'ORD' | append: order.id | replace: '0', 'A' | replace: '1', 'B' | replace: '2', 'C' %}

  Your Order: **{{ fake_order_number }}**

You can put this inside the Order status page additional scripts (Settings → Checkout → Scroll to Order status page), to display a custom formatted version of the order number.

Then hide the default one using CSS:


Note:
This won’t change the actual order number in admin or emails.

If you’re not on Shopify Plus, your ability to customize the Thank You page is limited to the “Order status page additional scripts” section.

Please let me know if it works as expected

Best regards!