Hans

Hi Ahmed.
The theme for desktop version is pixwell.
The theme for amp version is Design 1 (we have tested Design 2 with the same result).

Regards

I Ahmed.
I have cleaned the caches and deactivated the autoptize plugin, I have tryed diferent plugins. The behabiour is the same. It is:
With jetpack lazyload enabled and Preserve Original Permalinks enabled, the images in amp mobile version are not displayed.

srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU3NiIgd2lkdGg9IjEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"

With jetpack lazyload enabled and preserve original permalinks disabled, the images in amp mobile version are displayed.

Now we have the Preserve Original Permalinks disabled to display images in our articles.

Please, tell me what do you need ??
Our WordPress version is 6.0

• This reply was modified 2 years, 5 months ago by Steven Stern (sterndata).

Hi Ahmed.
We have the last version plugin.
Now I can see that if the url has the /amp at the end, the images are displayed. If we use mobile devices, the /amp urls redirect to the url without /amp and then the images are not loaded.

We have configured the amp for wp plugin with this option enabled:
Amp – Settings – Advanced Configuration – Preserve original permalinks (enabled)

If we dissable this options, the website load the urls with /amp at the end and the images are displayed, but if we enable this options, the page load urls without /amp at the end and then the images are not displayed.

We use the design 1 theme.

Thanks

Yes, sure.
What do you need?

We have installed amp for wp and jetpack. In jetpack options, under performance we have enabled Lazy Loading images. With this configuration, the images are not displayed. The amp code generated for images is:

<amp-img data-hero="" width="1024" height="576" src="https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?fit=1024%2C576&ssl=1" class="attachment-large size-large wp-post-image jetpack-lazy-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined i-amphtml-element i-amphtml-built i-amphtml-layout" alt="" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" layout="intrinsic" i-amphtml-layout="intrinsic" i-amphtml-ssr="" i-amphtml-auto-lightbox-visited=""><i-amphtml-sizer class="i-amphtml-sizer" slot="i-amphtml-svc"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU3NiIgd2lkdGg9IjEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+" i-amphtml-auto-lightbox-visited=""></i-amphtml-sizer><amp-img fallback="" data-hero="" width="1024" height="576" src="https://conlamochila.com/wp-content/plugins/accelerated-mobile-pages/images/SD-default-image.png" class="attachment-large size-large wp-post-image jetpack-lazy-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined i-amphtml-element i-amphtml-built" alt="" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" layout="intrinsic" i-amphtml-layout="intrinsic" i-amphtml-ssr="" i-amphtml-auto-lightbox-visited=""><i-amphtml-sizer class="i-amphtml-sizer" slot="i-amphtml-svc"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU3NiIgd2lkdGg9IjEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+" i-amphtml-auto-lightbox-visited=""></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="" src="https://conlamochila.com/wp-content/plugins/accelerated-mobile-pages/images/SD-default-image.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" i-amphtml-auto-lightbox-visited=""></amp-img><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="" src="https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?fit=1024%2C576&ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-hero="" i-amphtml-auto-lightbox-visited=""></amp-img>

You can see it here: https://conlamochila.com/visita-por-libre-a-monte-alban/

If we disable lazy load images on jetpack plugin, the code generated for images is this.

<amp-img fallback="" data-hero="" width="1024" height="576" src="https://conlamochila.com/wp-content/plugins/accelerated-mobile-pages/images/SD-default-image.png" class="attachment-large size-large wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined i-amphtml-element i-amphtml-built" alt="" srcset="https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?w=1200&ssl=1 1200w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=300%2C169&ssl=1 300w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=1024%2C576&ssl=1 1024w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=768%2C432&ssl=1 768w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=450%2C253&ssl=1 450w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=780%2C439&ssl=1 780w" layout="intrinsic" i-amphtml-layout="intrinsic" i-amphtml-ssr="" i-amphtml-auto-lightbox-visited=""><i-amphtml-sizer class="i-amphtml-sizer" slot="i-amphtml-svc"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU3NiIgd2lkdGg9IjEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+" i-amphtml-auto-lightbox-visited=""></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="" src="https://conlamochila.com/wp-content/plugins/accelerated-mobile-pages/images/SD-default-image.png" srcset="https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?w=1200&ssl=1 1200w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=300%2C169&ssl=1 300w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=1024%2C576&ssl=1 1024w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=768%2C432&ssl=1 768w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=450%2C253&ssl=1 450w, https://i0.wp.com/conlamochila.com/wp-content/uploads/2021/09/VisitaPorLibreMonteAlbanOaxaca.jpg?resize=780%2C439&ssl=1 780w" i-amphtml-auto-lightbox-visited=""></amp-img>

As you can see, with jetpack lazy load enabled, the src and srcset values load values as this

srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU3NiIgd2lkdGg9IjEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"

Regards

• This reply was modified 2 years, 5 months ago by Jan Dembowski.
• This reply was modified 2 years, 5 months ago by Jan Dembowski.

Ok, now I can use GDPR as privacymode and ES as language.
Great Work!!!

You can see here: https://conlamochila.com using mobile.

• This reply was modified 2 years, 8 months ago by Hans.

thanks

Ok, solved ??

Solved too.
Other pluggin interference.

• This reply was modified 3 years ago by Hans.

Hi.
Same here. Google noticed me that alt attribute for featured image is not valid.

<amp-img fallback data-hero src =https://conlamochila.com/wp-content/plugins/accelerated-mobile-pages/images/SD-default-image.png srcset="https://i1.wp.com/conlamochila.com/wp-content/uploads/2017/05/CandadosPuenteCarniceros.jpg?w=1000&ssl=1 1000w, https://i1.wp.com/conlamochila.com/wp-content/uploads/2017/05/CandadosPuenteCarniceros.jpg?resize=300%2C197&ssl=1 300w, https://i1.wp.com/conlamochila.com/wp-content/uploads/2017/05/CandadosPuenteCarniceros.jpg?resize=768%2C505&ssl=1 768w, https://i1.wp.com/conlamochila.com/wp-content/uploads/2017/05/CandadosPuenteCarniceros.jpg?resize=450%2C296&ssl=1 450w, https://i1.wp.com/conlamochila.com/wp-content/uploads/2017/05/CandadosPuenteCarniceros.jpg?resize=780%2C512&ssl=1 780w" width="1000" height="657" layout="responsive" alt=Candados en el Puente de Carniceros - Ljubljana - Eslovenia></amp-img>

The quotes are dissapeared in the alt parameter. I think this appeared after the last plugin update. Google detect the error from yesterda 23/11/2021.

You can see here: https://conlamochila.com/puente-los-candados-liubliana-eslovenia/amp/

WP 5.1.1 – Classic editor 1.4 and OneSignal 1.16.16 and the Metabox still dissapeared ??
If I dissable the Onesignal plugin the Metabox appear again.

• This reply was modified 5 years, 8 months ago by Hans.

Hi. Same here.

Hi @ahmedkaludi.
Now, I have this error
JQMIGRATE: Migrate is installed, version 1.4.1
post.php?post=3559&action=edit&message=1:5154
GET https://domain.com/wp-admin/%7Bdefault_value%7D 404 ()
viewer-impl.js:605
Powered by AMP ? HTML – Version 1508794187431 https://conlamochila.com/?p=3559&amp=1&preview=true

All works fine, but when I have on https://domain.com/wp-admin/edit.php to show the posts or I’m editing some post, I see this error in console.

If I disable the plugin, error dissapear.

The line whit error is: <img id="ampforwp-preview-image" src="{default_value}" />

Edit: The same error appear at post-new.php, edit-tags.php

• This reply was modified 7 years, 1 month ago by Hans.
• This reply was modified 7 years, 1 month ago by Hans.
• This reply was modified 7 years, 1 month ago by Hans.

Solved.
Thanks for your work

Hi @Ahmedkalui.
Now i have installede 0.9.65.2 and this is the error.

admin-script.js?ver=1.0.0:17 Uncaught TypeError: jQuery(…).typeWatch is not a function
at HTMLDocument.<anonymous> (admin-script.js?ver=1.0.0:17)
at i (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils&ver=4.8.2:2)
at Object.fireWith [as resolveWith] (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils&ver=4.8.2:2)
at Function.ready (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils&ver=4.8.2:2)
at HTMLDocument.K (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils&ver=4.8.2:2)

I have test this on other WP 4.8.2 installations.
Version 0.9.63 works fine.
Version 0.9.65.1 get this error on console.

admin-script.js?ver=1.0.0:1 Uncaught TypeError: jQuery(…).typeWatch is not a function
at HTMLDocument.<anonymous> (admin-script.js?ver=1.0.0:1)
at i (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils&ver=4.8.2:2)
at Object.fireWith [as resolveWith] (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils&ver=4.8.2:2)
at Function.ready (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils&ver=4.8.2:2)
at HTMLDocument.K (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils&ver=4.8.2:2)