Lodi777 ph com register online.Claim Your Free 999 Pesos Bonus Today

How do I override ‘object-fit: contain’ in the amp-carousel?

wrip — Wed, 30 Sep 2020 05:14:19 +0000

I would like to override the CSS below and use ‘object-fit: cover’ instead:

.amp-carousel-slide > .i-amphtml-replaced-content {
    -o-object-fit: contain;
    object-fit: contain;
}

I tried different variations of the CSS selectors but none of them seem to work such as:

amp-img.amp-carousel-slide img {
    -o-object-fit: cover;
    object-fit: cover;
}

Not sure why it is not working.

Rich Snippet Tool detecting AMP Carousel instead of AMP List

FlixWatch Support — Sun, 06 Sep 2020 08:29:47 +0000

I am using the Schema Item List still the page is getting detected as AMP Carousel instead of AMP list.

What changes do I have to make in the template so that it will get detected as AMP list?

AMP Carousel 0.2

rasmusryberg — Thu, 12 Mar 2020 14:30:24 +0000

Hello

I am trying to implement an amp-carousel on my site, but I am having issues with the carousel requiring at least 3 slides in order for the slide animations to work.

I haven’t been able to find a solution to this issue, but I noticed that the script imported by the AMP plugin is the 0.1 version of amp-carousel.

Is there a specific reason why the old version of the component is used instead of the newer version? (and is there a chance that my slide animation problem might be fixed by updating the component?)

implementing amp-carousel

craigstanfield — Thu, 17 Oct 2019 14:27:28 +0000

Hi Support,

I’m having an odd issue with trying to replace a slick slider with an amp-carousel. The template is called the html is echoed but when the final page is rendered amp appears to have stripped out the html. I copied the html from within the template and pasted it into where it should be on the page and it appears to work (well formatting is some way off but probably missing the css for it) if you look at the non amp version of the page i linked above it will show the slider just above the footer. So here’s what i have code wise. First in functions i added a test for amp


function example_is_amp() {
    return function_exists( 'is_amp_endpoint' ) && is_amp_endpoint();
}

I then added a test for amp and enqueued the amp-carousel script


    if (example_is_amp()) {
        wp_enqueue_style( 'style-css', $styleSheetDir . '/amp-style.css', false, '');
        wp_enqueue_script('amp-carousel', 'https://cdn.ampproject.org/v0/amp-carousel-0.2.js', '', '', false);
    } else {
        //animate.css
        wp_enqueue_style('animate', $styleSheetDir . '/css/animate.css', '', '');
        wp_enqueue_style('style-css', $styleSheetDir . '/style.css', false, '');
    }

so far so good and the amp-carousel script is loaded when we have an amp page.

I then modified the template which renders the slick slider again using the is_amp_example() conditional the code builds a $html string and on completion it echoes it. for simplicity I’ll show the rendered content in $html when it is echoed. This is as follows:

If this is pasted into the rendered page (within the

div) the carousel appears and works (although styling is messed up and in a tablet/desktop it should show more than one image (as can be seen on the non amp page) I’ll fix styles etc once the underlying concept is working.

So why is the html being removed from the rendered page. I use exactly the same template and process to get the content (ie build the html string and echo it) but content is not removed on non amp page?

Is there a way i can make this work? is there a direct way to swap for slick-slide or is amp-carousel the best/only option? from what i see it should cover our usage case(s)

I’ve tried using img instead of amp-img and with and without responsive=”responsive”. I also tried the version 0.2 of amp-carousel but again no content.

At a loss with it now.

thanks

Craig

amp-carousel

waholmbeck — Wed, 18 Sep 2019 03:06:48 +0000

My amp-carousel is no longer working. Also, the script I validated says the cdn address is wrong.

Gutenberg latest post slider/carousel block compatible with amp-carousel

egoncalves.com.br — Mon, 24 Dec 2018 00:17:13 +0000

Hi, which latest post carousel block do you use that is compatible with amp-carousel?

Compatibility with AMP pages

nicolaottomano — Thu, 26 Oct 2017 19:16:34 +0000

Hi guys,
I’m trying to publish AMP (Accelerated Mobile Pages) of my WordPress blog.
I use MasterSlider galleries but in AMP version there is no image nor amp-carousel tag.
Do you have a plan to add compatibility with AMP?

Thanks,

Nicola

HTML editor strips out / rewrites AMP html code

lukascech — Sat, 16 Sep 2017 06:24:31 +0000

Hi,

I wanted to create an AMP version of my landing page, so first I installed https://www.ads-software.com/plugins/accelerated-mobile-pages/. But the homepage looked bleak, so I studied AMP advanced features here: https://ampbyexample.com/advanced/image_galleries_with_amp-carousel/

and wanted to add them to my page.

1. openned up the editor, copied and pasted the carousel AMP code
2. replaced the image links with my ones, replaced the captions
3. switched from HTML editor to visual editor
4. switched back
5. only what seems to be recognized non AMP html remained:


Fashion E-shop with custom design


Sleek design to present property management services. One page design.


Blog with extended features - user marketplace, post your own articles, custom ads management and nice article layout.

This feels like a bug – wordpress editor hasn’t caught up with latest AMP development?

thanks,
Lukas