New Landing How can we help? Themeforest Theme Support Neighborhood SINGLE PRODUCTS IMAGE ZOOM ISSUES

Viewing 11 posts - 1 through 11 (of 11 total)
  • #326518
    gflwrg
    Member
    Post count: 113

    Hello guys, I have got a serious issue with both my Neighborhood & Atelier themes after updates.

    On the single product pages, the images are on zoom by default on mouse over.

    Also, all the images zoom in an oblong manner, quite disturbing (see image attached)

    Will really appreciate some help as these are live sites.

    Kindest regards.

    #326610
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide us admin credentials in a private reply to have a look at your site?
    Thanks

    -Rui

    #326615
    gflwrg
    Member
    Post count: 113
    This reply has been marked as private.
    #326699
    gflwrg
    Member
    Post count: 113
    This reply has been marked as private.
    #326924
    David Martin – Support
    Moderator
    Post count: 20834

    Can you disable the child theme whilst we look, I cannot see via the editor what parent theme files you are overwriting if at all via the child theme.

    Thanks.

    #326984
    gflwrg
    Member
    Post count: 113

    Hello David,

    will do that now. Can you try not to disable the main theme through out the process please, it messes up the widgets.

    Thanks in advance.

    #327219
    David Martin – Support
    Moderator
    Post count: 20834

    Can you remove your custom CSS:

    #327373
    gflwrg
    Member
    Post count: 113

    Hello David, many thanks. That actually done the trick,

    The thing is this code actually helped me ensure the image isn’t too big in the single products page;

    /* Single product image display size */
    .woocommerce div.product div.images img {
        display: block;
        width: 85% !important;
    }

    How do I carry on using it without facing the stretch issue again 🙂 Is it just a matter of defining height too?

    #327375
    gflwrg
    Member
    Post count: 113

    When i gave this code a go;

    /* Single product image display size */
    .woocommerce div.product div.images img {
        display: block;
        width: 85% !important;
        height: 100% !important;
    }

    It created a cool parallax/glide effect. Although its pretty cool, what I was after is a resize. Removing the code all together makes the images too large.

    #327631
    f_hussain
    Member
    Post count: 49
    This reply has been marked as private.
    #327885
    David Martin – Support
    Moderator
    Post count: 20834

    @gflwrg – you can reduce the image area size using this option: Theme Options => WooCommerce Options => Shop Options => Override Product Image Width


    @f_hussain
    – Please start a new thread and privately post your WP login details, providing full details and past ticket references.

    Thanks.

Viewing 11 posts - 1 through 11 (of 11 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