Image thumbnail do not show

  • Resolved antoine69

    (@antoine69)


    4 years, 7 months ago

    Hi,
    1- Since I’ve updated the plugin and generated webp images with the plugin Imagify, some images don’t show anymore.
    Imagify plugin transformed tag by <picture class=”owl-lazy”> and I think that’s why image don’t show anymore.
    See my site here https://wwww.la-bizouterie.com, the first slider called Alliances en Or, there’s a hole, an image lacks.
    I’ve grabbed the code and it’s something like this:

    <div class="item ">
        <div class="elements-wrapper layout-63447">
                <div class="layer-media " id="">
                <div class=" wcps-items-thumb element-1">
                <a href="https://www.mysite.com/chevaliere-tete-de-mort-pirate-en-argent-925/">
                    <picture class="owl-lazy">
<source type="image/webp" data-srcset="https://www.mysite.com/wp-content/uploads/chevaliere-tete-de-mort-pirate-en-argent-925.jpg.webp" srcset="https://www.pickplugins.com/demo/woocommerce-products-slider/wp-content/plugins/woocommerce-products-slider/assets/front/images/no-thumb.png"/>
<img alt="Chevalière tête de mort pirate en argent 925" data-src="https://www.mysite.com/wp-content/uploads/chevaliere-tete-de-mort-pirate-en-argent-925.jpg" src="https://www.pickplugins.com/demo/woocommerce-products-slider/wp-content/plugins/woocommerce-products-slider/assets/front/images/no-thumb.png"/>
</picture>

                </a>
            </div>
                </div>
        <div class="layer-content element-3" id="">
        <div class="wcps-items-excerpt element-1589216537337">"Bonjour, juste un petit mot pour vous informez que votre colis est arrivé à bon <a class="read-more" href="https://www.mysite.com/chevaliere-tete-de-mort-pirate-en-argent-925/"></a></div>
        <div class="element-custom_text element-1589214770711"><a href="https://www.mysite.com/creation-de-bijoux-sur-mesure/" title="Voir toutes les créations sur mesure">Voir les créations</a></div>
        </div>
            </div>
    </div>

    2- Also, why is there a link pointing to your site withe no-thumb.png image. More, it breaks the https validity of my site because your link is not secure (https://)

    Thanks
    Patrick

    • This topic was modified 4 years, 7 months ago by antoine69.
    • This topic was modified 4 years, 7 months ago by antoine69.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author PickPlugins

    (@pickplugins)

    Thanks for your post, could you please share your slider page url, it seem we already fix lazy loading issue. please try latest version

    Regards

    Thread Starter antoine69

    (@antoine69)

    The URL is https://www.la-bizouterie.com

    The slider is the very first called ‘Alliances en Or’ , there’s a hole, an image does not appear.

    The very last one ‘Creations Sur Mesure’ doesn’t show any image anymore.

    I use WP-Rocket last version 3.6.2.1 and PickPlugins last version 1.13.19 also Woocommerce last version 4.3.1 ?

    Thanks

    Thread Starter antoine69

    (@antoine69)

    Hi,
    Did you have a look at my problem please ?

    Thanks

    Patrick

    Plugin Author PickPlugins

    (@pickplugins)

    I just checked your page, i can see there is unexpected output for thumbnail.

    View post on imgur.com

    Do you used any 3rd party plugin for lazy load? see the image link on screenshot there is .webp extension at the end. also, please set “Slider lazy load” = False

    View post on imgur.com


    and see what’s happening?

    Regards

    Thread Starter antoine69

    (@antoine69)

    Hi,
    I use Imagify plugin to compress images in webp format, so yes it’s normal to see webp extension.

    Please look at my HTML code above, the img tag has been replaced by picture tag by the Imagify plugin. So could you plugin deal with picture tags ?
    That’s why some images are not been rendered correctly.

    Patrick

    • This reply was modified 4 years, 7 months ago by antoine69.
    Thread Starter antoine69

    (@antoine69)

    It seems to work with LazyLoad set to false.
    Thanks
    Patrick

    Plugin Author PickPlugins

    (@pickplugins)

    Glad to know, if you want to use lazy load for slider, please see which plugin or script you used for lazy load, this is probably conflicting. let me know i will try to fix it.

    Regards

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image thumbnail do not show’ is closed to new replies.