permitting a + sign in the phone field in the contact page

Solved

permitting a + sign in the phone field in the contact page

Omarcajo
Tourist
15 1 4

Hello, 

So I just developed a contact page and  I noticed under the phone field only numbers can be entered. I need also for the '+' sign to be accepted as an entry to the field, could someone support?

 

Preview Link: https://rsofdh7tau5pw7xu-60642623567.shopifypreview.com

 

Click on contact at the header to enter the page if needed.

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10067 2004 2050

This is an accepted solution.

Hi @Omarcajo 

Please go to your store admin > Sale channels > Online Store > Themes > click "..." > Edit code > open contact-form.liquid file, find this line of code 

pattern="[0-9\-]*"

Replace it with this code

pattern="[0-9\-\+]*"

Save your file and check again. 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
10067 2004 2050

This is an accepted solution.

Hi @Omarcajo 

Please go to your store admin > Sale channels > Online Store > Themes > click "..." > Edit code > open contact-form.liquid file, find this line of code 

pattern="[0-9\-]*"

Replace it with this code

pattern="[0-9\-\+]*"

Save your file and check again. 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Omarcajo
Tourist
15 1 4

Hi Dan, this worked, thank you so much for your quick response.

Dan-From-Ryviu
Shopify Partner
10067 2004 2050

You are very welcome! 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.