Why is my checkout page entering numbers in reverse?

[Ateeqjuhani]

Hello,

When a customer tries to enter his/her number in checkout page, the numbers goes in reverse and alot of customers enter their number WRONG because of this!!

Please I need assistance on how to fix this and simply let the numbers be written without space and reverse...

[Ateeqjuhani]

I'm using Ella theme with RTL feature and i already translated the whole store in case it's relevant

[OneCommerce]

Hello @Ateeqjuhani ,

We are OneCommerce - an Ecommerce Solution platform and we're here to support you.

The issue with reversed numbers in checkout might occur because the input field for phone numbers has not been properly configured to support RTL (right-to-left) language scripts. You may want to follow these steps:

• Go to "Online Store" ->  "Themes" -> Click "Actions" -> Select "Edit Code"
• Choose "Layout" folder -> "Theme.liquid" file
• Find the input field for phone numbers in the code. It should look something like this:

<input type="tel" name="checkout[phone]" id="checkout_phone" class="input-full" placeholder="Phone" value="{{ checkout.phone }}" autofocus="autofocus" />

• Copy this CSS to the input field to ensure the phone number is entered in the correct order:

input[type="tel"] {
direction: rtl;
}

•  Save and test

Hope this can help you troubleshoot the issue. If you find our reply is helpful, please hit the Like Button or Mark it as Accepted Solution to let us know, it encourage us to support more and provide more useful informations.

Best regards,

OneCommerce team.

[Ateeqjuhani]

hello, I tried searching for a similar code in theme.liquid but I couldn't find any!! not even text '' tell '' or '' phone '' maybe because ella theme code is different than other stores?

[OneCommerce]

Hello again,

If you can't find the code in theme.liquid, try to find it in the checkout.liquid file. You can find this file in the "Templates" folder.

Kindly use the search bar at the top of the page to search for "phone" or "tel" if you still can't find the code.

If you are still unable to find the code for the phone number input field, you may need to reach out to the theme support team or a Shopify developer for assistance.

Hope this is useful for you. Don't be hesitate to dm us if you need any further support.

Regards,

OneCommerce team.