New Landing How can we help? Atelier product feed – last image too tall

Viewing 14 posts - 1 through 14 (of 14 total)
  • Posted in: Atelier
  • #309002
    mariatrier
    Member
    Post count: 163

    Please look at the product feed here: https://cubscartel.com and here: https://cubscartel.com/cart/

    Last image in feed is taller than the rest. We have inspected css and there’s nothing unusual to be found here, so what can cause it?

    #309023
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you try to regenerate the image thumbnails with this plugin?
    https://wordpress.org/plugins/regenerate-thumbnails/

    Try to do it only for this image product https://cubscartel.com/product/sally-pants-pink/ and after that test the homepage to see if it looks the same size has the other images.

    If so maybe it’s better to regenerate all thumbnails(this can take sometime but it works fine)

    -Rui

    #309060
    mariatrier
    Member
    Post count: 163

    We’ve regenerated all thumbnails several times and all images have same dimensions – so this is not what is causing this.

    #309068
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Do you have any plugin that interacts with the images somehow? The html code of the image doesn’t seem to be the default one.

    -Rui

    #309086
    mariatrier
    Member
    Post count: 163

    No – only the quick view plugin that works with your theme.

    #309090
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    can you provide us admin access to have a look?
    Thanks

    -Rui

    #309096
    mariatrier
    Member
    Post count: 163
    This reply has been marked as private.
    #309169
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Can’t understand the reason, will have to forward this one to Ed.

    -Rui

    #309227
    mariatrier
    Member
    Post count: 163

    Ok – when will we hear from Ed?

    #309245
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    I forward it on friday so guess it will be today, will send him a reminder when show up this morning.

    -Rui

    #309340
    mariatrier
    Member
    Post count: 163

    Thank you.

    #309382
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @mariatrier

    The image from the larger one is showing as 320px x 410px, while the others are 305px x 390px, that is the issue. Have you tried deleting the larger image and re-uploading it?

    – Ed

    #309394
    mariatrier
    Member
    Post count: 163

    I know it looks like this – but images have all same dimensions so it is not a matter of image size. Also: it only happens to the far right image (and the image you see now as too big will have correct dimensions if not placed to the far right in the feed).

    #309513
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @mariatrier

    Just took a further look, and it’s because of this css you’ve added:

    .woocommerce ul.products li.product.col-sm-3 {
        padding: 0 15px 0 0;
    }
    .woocommerce ul.products li.product.col-sm-3:last-of-type {
        padding: 0;
    }
    

    The final item on the right doesn’t have padding, so that’s why it’s bigger. Change that to this:

    .fw-row .container .woocommerce ul.products.row {
        margin: 0 -15px!important;
    }
    .woocommerce ul.products li.product.col-sm-3 {
        padding: 0 15px!important;
    }

    That should sort it.

    – Ed

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register