• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 27.07.21, 22:09
  • Opened by: Rafał Wolny
  • Closed by: Fred
  • Closed on: 31.08.21, 11:00
  • Reason: Closed
  • Comment: Glad to help!

Ticket #22018 - AMP Footer Contact

I’d like to add a contact number and email to my footer on mobile version - just above “2021 - bomodo.pl” –> but on mail I’d like to add parameter mailto:name@email.com and a phone number with option that if someone clicks it, it’s starting to call this number. Please help me, how to do that?

Comments

Fred 28 Jul 2021, 07:54

Hi, Rafał.
Add following code into the file

/themes/alysum/templates/mobile/_partials/footer.tpl

before the line

{if !empty($amp.footer.linkBlocks)}
<amp-accordion animate>
  <section expanded><!-- "expanded" means the section is open -->
    <ul>
      <li><a href="mailto:name@email.com">name@email.com </a></li>
      <li><a href="123123123">123123123</a></li>
    </ul>
  </section>
</amp-accordion>
Rafał Wolny 28 Jul 2021, 13:08

Thank you, I’ll try to do it later.

One more question: is there a way to not use “/mobile” on mobile version? So that it will load AMP on mobile but without this “/mobile/” ?

Fred 28 Jul 2021, 21:20

Unfortunately no. That’s possible only with disabled AMP module

Rafał Wolny 05 Aug 2021, 08:23

Hi! There’s no line like this in this file.
Here what is there:

<div class="footer-before container oh">
  <div class="wide">
    <div class="container">
      {block name='hook_footer_before'}
        {hook h='displayFooterBefore'}
      {/block}
    </div>
  </div>
</div>

{if !isset($pktheme) || empty($pktheme)}

    <p class="elementor-alert elementor-alert-danger">Theme Settings module is not installed properly</p>

{else}

    {if $pktheme.footer_builder <= 1}
        {hook h='displayFooterBuilder'}
    {else}
        {hook h='CETemplate' id="{$pktheme.footer_builder}"}
    {/if}
        
{/if}

<div class="footer-after">
  <div class="page-width">
    {block name='hook_footer_after'}
      {hook h='displayFooterAfter'}
    {/block}
  </div>
</div>

I tried to add this info to displayAmpFooter but I have to give URLs there, and I want something different - to call when someone click on my number and email when someone click on my email.

Fred 10 Aug 2021, 08:33
Rafał Wolny 18 Aug 2021, 09:30

I don’t have the place to do that.
I’m editing displayAmpFooter and I only have 2 fields there. The code you sent me is not in this file so I can’t edit it like you said.
Could you help me with that? I’d like to have my phone clicable and e-mail to. So to phone an option to call when someone clicks it, and do mail option to send an e-mail when someone clicks it.

Attachments:

11111111111.png (29 KiB)
Fred 18 Aug 2021, 09:46

But I gave you a code to add. See my comment above https://support.promokit.eu/index.php?do=details&task_id=22018#comment137854

Rafał Wolny 18 Aug 2021, 12:02

Yes, I understand, but I don’t have the line

{if !empty($amp.footer.linkBlocks)}

So I can’t add my code before this line, because I don’t have it.

Fred 18 Aug 2021, 20:31

Just add it to any other place you want. Just try

Rafał Wolny 22 Aug 2021, 17:08

I’ve tried it. I’ve attached a file how it looks. It doesn’t have any styles and is above “Obsługa klienta”. I’d like to have it in the same place as it’s my “Kontakt” right now, with the same looks. Could you please help me with it? Your code works fine, but I already have other option in a place where I’d like to have it.

Attachments:

footer1.png (35.4 KiB)
Fred 23 Aug 2021, 17:30

you didn’t use the tick I gave you above.
I just implemented it for you despite we are not providing customizations.
Now it works https://take.ms/NXMZC

Rafał Wolny 24 Aug 2021, 22:53

Thank you Fred, but I was asking about something else, the solution you gave me is creating another box/div with this info and I want to add this “call” and “email” when someone click on it to my “Kontakt” which is already there. In the screenshot which I attached above, there is already a “Kontakt” which includes number and e-mail and the code you gave me is creating “new” div/box with this info in the top, without any styles etc → and I would like for this info to looks exactly like this “Kontakt” at the bottom. Could you provide me with an answer to that? Is there any way to do that?

Fred 25 Aug 2021, 11:44

Done. Please check it out.

Rafał Wolny 27 Aug 2021, 07:27

Great, thank you!
It’s working fine :)

I have probably one of the last problems, but this is serious one.
The images on mobile version are not working. On product categories is alright, but inside a product it appears “The combination is not available”. I’ve checked on prestashop forum and it appears that it’s a problem with the theme, so I’m contacting you. Could you help me with that? It’s crucial thing for me because I’d like to open this shop already, because almost everything is done apart from that.

Attachments:

problem mobile.png (33 KiB)
Fred 27 Aug 2021, 12:05

The issue has been fixed. Please test to confirm the change

Rafał Wolny 27 Aug 2021, 14:45

Wow, you are the best! Thank you Fred! Can you tell me what was the problem?
I’ve got one last problem (probably).
In my categories, you can see a lot of products. Under each of them there are attributes (”Szerokość” and “Wysokość” and “Układ”). I don’t know why but when I enter the product, everything is alright (every parameter is fine). But on category page, every product has the same “Szerokosc” “Wysokosc” and “Układ” which is not true. What should I do? This is probably something with the theme displaying categories, because when I enter the product, everything is fine. Could you help me with that Fred? Thank you in advance, once again.

Attachments:

problem2.png (405.8 KiB)
Fred 30 Aug 2021, 16:27

The issue has been fixed. Please test to confirm the change

Rafał Wolny 31 Aug 2021, 09:31

Everything is alright. Thank you Fred!