How to link phone numbers in the footer and navigation contact info

[Kst]

Hi, please advise me how I can link the phone numbers that display in the footer and bar above the main menu?

[Prestachamps]

Hi @Kst

You can link a phone number by using an <a> element with a href attribute that points to the phone number preceded with tel:

example: <a href="tel:+123456789">123456789</a>

Cheers,
Leo

[SchmidtSon]

hello,

to do that for working with phonenumber from Backend u have to go to the folder:

 

For Footer:

UreTheme\modules\ps_contactinfo\ps_contactinfo.tpl

and change this Code:

<div id="contact-infos" class="collapse">
    {$contact_infos.address.formatted nofilter}
    {if $contact_infos.phone}
      <br>
      {* [1][/1] is for a HTML tag. *}
      {l s='Call us: [1]%phone%[/1]'
        sprintf=[
        '[1]' => '<span>',
        '[/1]' => '</span>',
        '%phone%' => $contact_infos.phone
        ]
        d='Shop.Theme.Global'
      }
    {/if}

to

<div id="contact-infos" class="collapse">
    {$contact_infos.address.formatted nofilter}
    {if $contact_infos.phone}
      <br>
      {* [1][/1] is for a HTML tag. *}
      {l s='Call us: [1]<a href="tel:%phone%">%phone%</a>[/1]'
        sprintf=[
        '[1]' => '<span>',
        '[/1]' => '</span>',
        '%phone%' => $contact_infos.phone
        ]
        d='Shop.Theme.Global'
      }
    {/if}

For the header.nav

UreTheme\modules\ps_contactinfo\nav.tpl

 

<div id="_desktop_contact_link">
  <div id="contact-link">
    {if $contact_infos.phone}
      {* [1][/1] is for a HTML tag. *}
      {l
        s='Call us: [1]%phone%[/1]'
        sprintf=[
          '[1]' => '<span>',
          '[/1]' => '</span>',
          '%phone%' => $contact_infos.phone
        ]
        d='Shop.Theme.Global'
      }
    {else}
      <a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>
    {/if}
  </div>
</div>

change to

<div id="_desktop_contact_link">
  <div id="contact-link">
    {if $contact_infos.phone}
      {* [1][/1] is for a HTML tag. *}
      {l
        s='Call us: [1]<a href="tel:%phone%">%phone%</a>[/1]'
        sprintf=[
          '[1]' => '<span>',
          '[/1]' => '</span>',
          '%phone%' => $contact_infos.phone
        ]
        d='Shop.Theme.Global'
      }
    {else}
      <a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>
    {/if}
  </div>
</div>

 

after this u have to change u translations.

Clean the Cache and et voila it will works fine 😉

 

Bests