No Images for Product Category Pages

  • Resolved crowds90

    (@crowds90)


    6 years, 10 months ago

    Hi,

    The plugin works great on my desktop but for some reason on mobile screens the description, price, etc load but images won’t load. They load on my shop page in mobile screens but for some reason the images won’t load on the product category pages. I don’t know if it’s the plugin or something on my end. Let me know. Or maybe there is a shortcode I can just put I into the product archive file. Website is https://thesalestop.com/product-category/women/
    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Dmytro Holovnia

    (@dholovnia)

    Hi,

    Please open plugin settings page, JavaScript tab and add this code to the after load textarea:

    jQuery('.woocommerce-LoopProduct-link img').attr('src', function (){ return jQuery(this).data('lazy-src') });

    You have Lay load and it is hiding images. We need to show them after new portion of products is loaded.

    Regards,
    Dima

    Hello,
    I have just used this snippet but nothing changes. Maybe this can help: there is no such DOM element having the ‘woocommerce-LoopProduct-link’ class. I also tried to use nother CSS class (which selects a tag that has a ‘data-src’ attribute containing the lik to the image), but still nothing working.

    jQuery('.woocom-project img').attr('src', function (){ return jQuery(this).data('data-src') });

    Could you help me to solve?

    • This reply was modified 6 years, 8 months ago by simonemsr.

    I am back, the second snippet I have used is actually working! The problem was that the img element as a ‘iso-lazy-load’ class that, evidenlty, was showing the spinner and hiding the image!

    I am happy

    i am having the same issue can you tell me how u resolved it?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘No Images for Product Category Pages’ is closed to new replies.