[Support request] Woocommerce Image hover on shop/category pages

Home Forums Support Woocommerce Image hover on shop/category pages

Viewing 15 posts - 16 through 30 (of 31 total)
  • Author
    Posts
  • #1233203
    John MacKenzie

    one other related question although it happened before your changes too

    if you over over the moose antlers here

    /art-category/sculpture/

    you will see the ALTERNATE image pops up on tome of the main image?

    any ideas on this?

    thanks!

    #1233551
    David
    Staff
    Customer Support

    You can disable Display secondary image on hover in Customizer > Layout > Woocommerce.

    #1234600
    John MacKenzie

    oh great thanks! that seems like a silly feature imo, appreciate he help.

    #1235004
    David
    Staff
    Customer Support
    #1240820
    John MacKenzie

    Hi David just a follow up on this as it seems now the custom field i have set to show the dimensions below the products shows up to the right of the image.

    also on CHROME it doesnt show up at all?

    see this page /art-category/painting/

    and look at lush lady or drawing 2

    thanks!

    John

    #1241288
    David
    Staff
    Customer Support

    Which hook did you add the Custom Field too?
    May be better to use the woocommerce_shop_loop_item_title hook – this will move it outside of the Image wrapper and make sure it displays below the image.

    #1241438
    John MacKenzie

    Hi David
    it is added in the WCFM product custom addons, not sure how the WC hook would work with WCFM?

    thanks
    John

    #1241706
    David
    Staff
    Customer Support

    Hmmm – i wonder why that add it inside the Image container – odd.
    You can try this CSS to fix it:

    .inside-wc-product-image {
        padding-bottom: 2em;
    }
    .inside-wc-product-image .excerpt {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); 
    }
    #1242107
    John MacKenzie

    thanks! you are a superstar!

    #1242232
    David
    Staff
    Customer Support
    #1292953
    John MacKenzie

    Hi David thanks so much for your help. Ive still got a few issues with product images showing correctly.

    issue1: on the Category gallery landing page (Painting for example) it shows the images nicely squared with the hover effect working. But when a filter is chosen then the effect is lost (screenshot), and also unchecking the chosen filter and going back to the original gallery of images also shows the effect not working anymore (have screenshot if needed not sure how to share)

    issue 2: When clicking on a product and going to the individual product page the Related Products at the bottom do not show the squared images and hover effect working.

    let me know if you have any thoughts.

    Thanks

    John

    #1293813
    David
    Staff
    Customer Support

    You can share a screenshot by providing us with the URL to the image – this could be an image in your WP media library or a link to a cloud share eg. google drive.

    #1294421
    John MacKenzie
    #1294888
    David
    Staff
    Customer Support

    The filter plugin strips out some of the Woocommerece markup for some odd reason which is why the square images break …. so it looks like we need a different solution.

    Can you remove the CSS for the square images and ill take another look.

    #1295654
    John MacKenzie

    ok thanks! ive done that now

    John

Viewing 15 posts - 16 through 30 (of 31 total)
  • You must be logged in to reply to this topic.