Solved

How to add phone number clickable on footer DEBUT THEME ?

Nico38
Trailblazer
172 5 61

Hello all !

i need to add my phone number + icons clickable on footer ( above social link)

i added :

<li class="phone" style="font-size:size:26px;">
    <img src="https://cdn.shopify.com/s/files/1/0128/8385/3402/files/icons8-telephone-raccroche-100.png?v=1614017906"
         
         style=width:30px;height:30px;">
    <a href="tel:appelez-nous: 04-57-20-01-01">04-57-20-01-01 </a></li> 

  but no icon and i think has an error !

thx you for help !

Accepted Solutions (2)
SagarSukhanandi
Shopify Partner
279 58 71

This is an accepted solution.

Hello @Nico38 ,

Replace your code with below

<li class="phone" style="font-size:size:26px;text-align:center">
    <img src="https://cdn.shopify.com/s/files/1/0128/8385/3402/files/icons8-telephone-raccroche-100.png?v=1614017906" style="width:30px;height:30px;background: #fff;">
    <a href="tel:appelez-nous: 04-57-20-01-01">04-57-20-01-01 </a>
</li> 


I have added background color white to image because phone icon is black. May be you just need to replace phone icon and everything will look good 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help

View solution in original post

SagarSukhanandi
Shopify Partner
279 58 71

This is an accepted solution.

@Nico38 

Download phone icon from below link and use it into code. This icon will not pixelate.

https://img.icons8.com/android/24/ffffff/phone.png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help

View solution in original post

Replies 9 (9)

SagarSukhanandi
Shopify Partner
279 58 71

Hello @Nico38

Could you please share your store URL to check?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
Nico38
Trailblazer
172 5 61

hello @SagarSukhanandi !

yes, of course.

https://www.street-style.fr/

Password : Nico38nico

SagarSukhanandi
Shopify Partner
279 58 71

This is an accepted solution.

Hello @Nico38 ,

Replace your code with below

<li class="phone" style="font-size:size:26px;text-align:center">
    <img src="https://cdn.shopify.com/s/files/1/0128/8385/3402/files/icons8-telephone-raccroche-100.png?v=1614017906" style="width:30px;height:30px;background: #fff;">
    <a href="tel:appelez-nous: 04-57-20-01-01">04-57-20-01-01 </a>
</li> 


I have added background color white to image because phone icon is black. May be you just need to replace phone icon and everything will look good 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
Nico38
Trailblazer
172 5 61

@SagarSukhanandi 

ah yes i'm an idiot i thought the logo had a white background !

thx !

 

Nico38
Trailblazer
172 5 61

@SagarSukhanandi 

the icon is pixelated I think, is there another way to have a good icon like the social icons? with svg maybe?

 

SagarSukhanandi
Shopify Partner
279 58 71

This is an accepted solution.

@Nico38 

Download phone icon from below link and use it into code. This icon will not pixelate.

https://img.icons8.com/android/24/ffffff/phone.png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
SagarSukhanandi
Shopify Partner
279 58 71

@Nico38 Add this style to img tag so phone number and phone icon will vertically align center

vertical-align: middle;
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
Nico38
Trailblazer
172 5 61

@SagarSukhanandi  Nice ! it work thank you !

SagarSukhanandi
Shopify Partner
279 58 71

Thank you @Nico38 

Could you please give likes to my messages? It will help me to build my profile

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help