no visible product img

  • Resolved moeclone

    (@moeclone)


    1 year, 2 months ago

    Hello! Please tell me what could be the reason or at least in what direction to move to solve this issue:
    I load the product page (using Woocommerce and the template is built in Elementor) of the site in incognito mode
    The site header is visible, but then the product image follows it (Elementor widget == Product image ) only the icon to enlarge the image is shown, but the image itself is not visible.
    if you look at the layout, then there is inline css

    <div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4" style="opacity: 0; transition: opacity .25s ease-in-out;">

    Yes, if you replace the opacity with 1 picture, of course, it is visible, but other pictures in the gallery become the same size as the first one, in general, this can be considered a glitch, and now when some kind of mouse event occurs, or a scroll, or a click, then everything becomes like this it should be .
    it is required that immediately upon loading the page everything should be as after the mouse movement or scrolling.
    Even at the first load in the layout, you can see a lot of 

    <script data-two_delay_id=


    in the network section there is nothing neither styles nor scripts, but when the page is reloaded, these scripts disappear and everything appears. what could it be ???
    How can I fix it to load everything at once?
    and another at the end of the page structure is on first load

    <style id="two_fix_scroll_issues_style"> {overflow-y: visible !important;}</style>

    it looks like it makes everything visible when scrolling, but who does it all ??

    • This topic was modified 1 year, 2 months ago by moeclone.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    I suspect Elementor or possibly another WooCommerce add-on. The product gallery with WooCommerce alone works correctly for me, and I have no scripts or styles with “two” in its attributes. If you were to create a product page using the default editor and template I think you’ll find the same.

    If the issues lie within the Elementor template, first be sure everything is up to date. If all good there, I recommend seeking assistance through Elementor’s dedicated support forum.

    Thread Starter moeclone

    (@moeclone)

    Thanks

    Thread Starter moeclone

    (@moeclone)

    question closed. the problem is related to
    10Web Booster – Website speed optimization, Cache & Page Speed optimizer
    You need to disable delay js for these pages.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘no visible product img’ is closed to new replies.