any solution for this problem !

Solved

any solution for this problem !

MinhajAhmed106
Excursionist
54 1 10

hello, what i want is when customer click on call us in the footer it will immediately connect to the mobile no. provided by my store, similarly when customer click on email us it will take him to gmail with my store address in the bar, for e,g like this in the below picture..... thank you in advance

 

1.jpgWhatsApp Image 2024-06-30 at 02.32.51_b466a057.jpgWhatsApp Image 2024-06-30 at 02.32.50_2be07774.jpg

 

 

Accepted Solution (1)
Shadab_dev
Shopify Partner
160 5 18

This is an accepted solution.

@MinhajAhmed106 Okay got it. Tried it on my development store. Here are the steps.

Shadab_dev_0-1719709001679.png

Under the footer section in your customizer select the block where you have the call us and the email text. I added a block to test this out with name Heading as seen above in the image.

Shadab_dev_1-1719709174298.png

Open the text block. Select the text call us and then click on the pin image which is highlighted in blue to add links. You will see a link dialog open. Paste This tel:8274902468 in text field that appears select it and click done. instead of my number add your number without country codes as i have added. Repeat this for your mail as well. For mail add this mailto:alishadab822@gmail.com use your mail id after the colon. Make sure there are no spaces.

Shadab_dev_2-1719709412518.png


At the end open the code editor. from your published theme click three dots , click edit code and search for section-footer.css file. Add this code towards the end of the file.

a[title^="tel"],a[title^="mailto"]{
text-decoration:none;
}

 

Shadab_dev_3-1719709730442.png

 

 
I believe this will do it for you. Hope i made it clear and this helps.

If this helps your case please do like and accept it as a solution. Also if you need better customization or any related quries feel free to reach out at

Email ME

You already have my whatsapp no

Buy Me A Coffee, If you feel i deserve it. Will be a motivating factor.

 

Thanks anyways.

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks

View solution in original post

Replies 5 (5)

Shadab_dev
Shopify Partner
160 5 18

@MinhajAhmed106 please name the theme and the version you are using. 

 

Thanks

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks
MinhajAhmed106
Excursionist
54 1 10

dawn theme 15 version

Shadab_dev
Shopify Partner
160 5 18

This is an accepted solution.

@MinhajAhmed106 Okay got it. Tried it on my development store. Here are the steps.

Shadab_dev_0-1719709001679.png

Under the footer section in your customizer select the block where you have the call us and the email text. I added a block to test this out with name Heading as seen above in the image.

Shadab_dev_1-1719709174298.png

Open the text block. Select the text call us and then click on the pin image which is highlighted in blue to add links. You will see a link dialog open. Paste This tel:8274902468 in text field that appears select it and click done. instead of my number add your number without country codes as i have added. Repeat this for your mail as well. For mail add this mailto:alishadab822@gmail.com use your mail id after the colon. Make sure there are no spaces.

Shadab_dev_2-1719709412518.png


At the end open the code editor. from your published theme click three dots , click edit code and search for section-footer.css file. Add this code towards the end of the file.

a[title^="tel"],a[title^="mailto"]{
text-decoration:none;
}

 

Shadab_dev_3-1719709730442.png

 

 
I believe this will do it for you. Hope i made it clear and this helps.

If this helps your case please do like and accept it as a solution. Also if you need better customization or any related quries feel free to reach out at

Email ME

You already have my whatsapp no

Buy Me A Coffee, If you feel i deserve it. Will be a motivating factor.

 

Thanks anyways.

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks
MinhajAhmed106
Excursionist
54 1 10

First GOD bless you !!!! how can i make this text centered one , second contact us is showing as a hyperlink how can i show it like email us or call us without hyper link thanks brother !!!!!

 

 

WhatsApp Image 2024-06-30 at 07.31.23_5d5020a0.jpg

 

 

Shadab_dev
Shopify Partner
160 5 18

@MinhajAhmed106 can u please share your store url. It will help me to see why your help section is left aligned and also I will be able to inspect the contact us link 

 

Thanks

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks