• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 25.05.22, 09:05
  • Opened by: Martina Farela
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #23379 - AMP and modules

I have some modules that don’t work in amp. Amp allows prestashop modules to work, right?

Comments

Fred 25 May 2022, 09:54

Any third party module is not compatible with AMP by default. We have “AMPified” all prestashop pages and our own modules for the theme but we are not able to “AMPify” every third party module.

Martina Farela 25 May 2022, 10:11

So I can’t use any module in mobile version?

Fred 25 May 2022, 10:26

Every module must be “amified” (customized to be compatible with AMP). By default it doesn’t work

Martina Farela 25 May 2022, 10:41

Ok, and if I wanted to change from amp to normal mobile version.
How do I make it responsive?
Because right now if I disable amp, the mobile version does not adapt well to the screen

Attachments:

mobile-version.PNG (54.7 KiB)
Fred 25 May 2022, 11:02

You can adjust the layout in the Creative Elements - https://take.ms/MlAID

Martina Farela 25 May 2022, 11:18

What I mean is that it should be fixed and not slip.
It happens in your demos too.
attached image, thanks

Attachments:

Captura.PNG (78.3 KiB)
Fred 25 May 2022, 11:24

Yes, I see.
Try following CSS fix

@media (max-width: 768px) {
.pknlinput-wrap {width:100% !important}
}
Martina Farela 25 May 2022, 11:52

I’ve tried and cleared cache but it doesn’t work

Fred 26 May 2022, 14:30

That’s because you had enabled CSS cache. Now everything works fine, please check it out

Martina Farela 26 May 2022, 15:45

Still the same error.
When the page is loaded it looks fine, but if you do scrool you still see a piece that is left over.
It is as if the page is loaded a little increased because when you decreased the screen, it is seen that it is not well adapted.
Attached image and video
Thanks Fred

https://mega.nz/file/MacknLpJ#4YWHfGl20WMenvAWaQKQ7UA11abMql22U1sKmXaP1v8

Attachments:

Captura.PNG (46.8 KiB)
Fred 26 May 2022, 16:09

I can’t reproduce that, please check out my video https://mega.nz/file/5IYmjRob#Kxk8I1FOxVe7Ugd64QHl0ImwPOrMelsEyRdEjH5qM6E

Martina Farela 26 May 2022, 16:16

It is true that in the iphone versions it works fine. But I have checked it on android with the pc and my mobile and it looks bad.

The video
https://mega.nz/file/NPNAUBwa#aQUsfLxg13WNOY5WvtHw_ZetpH2zLxC1pDi1t_LsvOg

Fred 27 May 2022, 11:07

Sorry, but I still can’t reproduce it.
I have tried in Google Chrome with Android emulation, then I have tried on real Google Pixel phone and there is also everything fine
Here is a record from my phone https://mega.nz/file/8ApVQQxB#B9z3hWMSTf44cA11_4QgzHaDfhO4JD72-9vo9jHu9Jk

Martina Farela 27 May 2022, 12:01

Please try on google chrome with the Samsung Galaxy S8 and you will see what I say.
I have tried on other mobiles and it is true that it looks good.
But in several versions it fails
And on my phone it looks like the picture

Thanks Fred

Attachments:

Captura.PNG (57.6 KiB)
Fred 28 May 2022, 10:00

Yes, I see now.
Try following CSS

#footer {overflow:hidden}
Martina Farela 30 May 2022, 08:35

Thanks fred, now if it stays fixed. Great job :)

Fred 30 May 2022, 08:40

You are welcome!

Martina Farela 31 May 2022, 09:25

hello fred, i just found out, that i have the same problem in the CMS pages.
The screen does not remain fixed in mobile version

Ypu can see → https://nuevaweb-sc.ddns.net/pagina/9-quieres-comprar

Fred 31 May 2022, 10:40

That’s because of tables which are too wide.
You can try this CSS ato add horizontal scrolling

.elementor-text-editor {
  overflow: auto;
}
Martina Farela 31 May 2022, 11:30

Thanks, Fred

Fred 31 May 2022, 14:00

No problem