Tagged: , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 31, 2020 at 9:10 am #1199276
    Tflores87

    Hi,

    My last question before launching my website :) Been a long time coming- I am quite looking forward to it <3

    I am using the Masonry Grid for my WooCommerce Product pages. I have 2 links that show up underneath all of my product images. However, when the user loads the shop page(s), the links have a delay and are covered up. If the user were to slightly adjust the screen window, the images fall in order. Any thoughts or CSS on how to correct this conflict?

    You can view the example here:
    Video Example Here

    Looking forward to your response :)
    Tim

    April 2, 2020 at 5:38 pm #1200248
    Tflores87

    I had a web coder take a look at it and corrected them not always being visible. However, the links do not appear right away. Any thoughts? Any help would be much appreciate :)

    • This reply was modified 4 years, 8 months ago by Tflores87.
    April 5, 2020 at 4:24 am #1200901
    Mike

    Hi,
    Sorry for the late reply, and thanks for the video. You have a .2s transition for the buttons, please try correcting with this css.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .cd-shop-add-to-cart {
    transition: 0s !important; 
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    April 13, 2020 at 4:36 am #1203202
    Tflores87

    Hi Mike,

    I appreciate you following up! I gave the CSS recommendation a shot, along with adding the transition: 0s !important; to a few other things that I thought could be causing the issue, but still am unable to have it appear without a delay.

    April 13, 2020 at 12:26 pm #1203271
    Mike

    Hi,
    Thanks for the login, but it seems to be a customer account and not an admin account where we can examine the backend.
    I found that the plugin adds another delay that can be corrected with this css:

    .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-product-already-on-wishlist.tinvwl-position-after.ftinvwl-animated {
    transition: all .0s ease-out!important;
}

    Now there is still a slight delay, but I believe it is the javascript waiting for the masonry elements to be created before adding the “wish button”. It looks like your plugin is a premium plugin so I won’t be able to test this on a fresh install on my localhost, but this assumption seems reasonable.
    Please try adding this css and clear your browser cache and check to see if it is any quicker and also watch the masonry items being created and the last half-second as the buttons are created.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.