Why is my checkout page entering numbers in reverse?

Ateeqjuhani
Excursionist
25 3 0

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...

 

IMG-20230130-WA0000.jpg

Replies 4 (4)

Ateeqjuhani
Excursionist
25 3 0

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

OneCommerce
Shopify Partner
253 19 108

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.

OneCommerce - The Ultimate eCommerce Solution Platform
We offer 12+ solutions to help increase traffic, maximize conversion rates and generate better revenue for more than 500,000 eCommerce merchants worldwide.

Get know us at: Website | Blog | FAQ | Contact us

Ateeqjuhani
Excursionist
25 3 0

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
Shopify Partner
253 19 108

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.

OneCommerce - The Ultimate eCommerce Solution Platform
We offer 12+ solutions to help increase traffic, maximize conversion rates and generate better revenue for more than 500,000 eCommerce merchants worldwide.

Get know us at: Website | Blog | FAQ | Contact us