Tumbnail not displaying on AMP Page

Posted in: Newspaper
Post count: 364

Thumb from Flex block not displaying on AMP-Page.

Example: Link

How can I fix this?

PS: I don’t wan’t to use the mobile theme version as it removes the weather and corona widgets.

Thanks!

Post count: 35449

Hi,

The problem seems to be with a css that set opacity 0 on amp -> https://i.imgur.com/F1iOAaS.png now the only thing that I can do is to say to use a custom css like this one
body.td-animation-stack-type0 .td-animation-stack .entry-thumb {
opacity: 1;
}

And to be sure that you do not have any plugins that are in conflict with amp version.

Thank you!

Post count: 364

Hi Calin,

Thanks a lot for your code! Works perfectly!

Post count: 364

One Additional thing, the “get browser location function” does not work on AMP. Do you know how I can make this work or how I can hide the icon only on AMP? (td-location-icon td-icons-location)

Thanks!

Post count: 35449

Yes, that option is not working since you get fast preview of the page from google, please try this custom css:
.amp-mode-touch .td-location-icon, .amp-mode-mouse .td-location-icon {
display: none;
}

Hope it will help you!

Post count: 364

Hi Calin,

Thanks for your code! I thought it would work now but unfortunately the menu icon and the search icon don’t work that way either.

How can I replace the current header on my AMP page with the working header that is present on posts?

Are there any plans to provide an AMP template for normal pages without the mobile grid?

Thanks!

Post count: 35449

Hi,

The mobile header need to work, even you use only the amp plugin or you are using the mobile theme template for amp. Most of the cases when these are not working there is a plugin conflict, therefore please make sure that you are using this option for amp plugin https://imgur.com/k1ZVWoN or one of these https://imgur.com/4rY4Zva and check only with theme plugins.

Let me know the results!

Post count: 364

Hi Calin,

What I try to get is an AMP-Version that looks nerly the same like the normal site version. The only way to get this is in transitional mode, since the settings you recommend refer to (not recommended by the plugin itself) the reader mode, which outputs a very basic AMP theme.

The issue with transitional mode is, that TagDiv currently only bought up an AMP-Version that is also very basic, like the mobile theme. (no support for TagDiv composer elements).

In the meantime AMP has pushed forward and delievers correct output for nearly all elements (when the AMP-Plugin is active and the mobile theme is disabled via classic editor). There are only a very few things not working -> Means, users can have an fast AMP-Version of their websites that delivers all the content and widgets like on desktop.

The only big issue that currently stopps users from using this great AMP-Versions is the header icons are not clickable. (even when only TagDiv plugins are active). But that surly comes from the diabled mobile version. Which needs to be disabled to have the full desktop elements and not the basic grid.

What is missing is an AMP transitional template which is stored with the desktop version.

Or I need a way to apply the AMP mobile header to the AMP Version created out of the desktop version

Post count: 35449

Hi,

The amp plugin can be use with our theme only in two ways:
1. If you are using the amp plugin with mobile theme plugin, then you can use one of these options ->
2. Without mobile theme plugin, but using this option -> https://i.imgur.com/7wa0jJk.png
For the moment the amp plugin that we provide works only with these settings with our theme.

Thank you for your understanding!

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.