• Resolved Paul_N

    (@paul_n)


    Testing this on a dev site before installing it live.

    The 1.1.6 update has a change included in yith_magnifier.js.

    On line 354 you have included this code:

    $('<a href="#" class="pp_expand" title="Expand the image" style="display: inline;">Expand</a>').appendTo(this.mouseTrap );

    This produces a link ‘expand’ floating above and inside the top left of my main product image, which is unwanted.

    When clicked, since it is a null ‘#’ link, it does absolutely nothing.

    Basically it is sitting there spoiling the look of the product image.

    I realise I can set class ‘pp_expand’ to not display, but what exactly is it supposed to do?

    If it does have a function, why can it not be switched off in admin if not wanted?

    https://www.ads-software.com/plugins/yith-woocommerce-zoom-magnifier/

Viewing 11 replies - 1 through 11 (of 11 total)
  • I have the same problem – trying to set .pp_expand {display:none;} doesn’t resolve the problem either.

    This is driving me mad Has someone found a solution?

    I can’t even find the previous version of the plugin to download so the photos don’t look so crap.

    Thank you for your help

    I managed to download the previous version 1.1.5 and the expand link is gone.

    It would be nice to be able to update the plugin without having that expand link on the main image doing nothing.

    Thank you

    Thread Starter Paul_N

    (@paul_n)

    cveronese,

    I’ve already encountered css problems like this, in fact I always have to adjust assets/css/frontend.css on each upgrade to ensure my preference that thumbnail arrows are permanently displayed instead of appearing on hover only.

    To effect the change you need you would have to add .pp_expand {display:none;!important} to the core file yith-woocommerce-zoom-magnifier/assets/css/frontend.css.

    Not ideal but it works.

    Personally though I’m holding fire on this upgrade for my live site until the developer responds.

    You should be able to just put this in your theme or child theme’s CSS file:

    .pp_expand { display:none !important; }

    This worked for me.

    Note the corrected syntax from Paul_N’s post. The ‘!important’ needs to be before the semicolon for it to work from your theme or child theme CSS file.

    In any event, this looks like a mistake in the latest plugin update, which will hopefully corrected in a future update.

    -Michael

    Thank you everyone for the help. Glad we can update and hide that expand with CSS ??

    Plugin Author YITHEMES

    (@yithemes)

    There was an unwanted element created on yith_magnifier.js.

    We had removed the following row from yith_magnifier.js :

    $('<a href="#" title="Expand the image">Expand</a>').appendTo(this.mouseTrap );

    Thread Starter Paul_N

    (@paul_n)

    Thank you.

    Still does not work properly.
    1 – The original image is out of ratio (Flat and wide)

    2 – Image size boxes are not functional – Does not matter what number are put in there – Nothing changes.

    3 – Blur effect Non-Functional (does nothing)

    Click here for Image

    Is this THAT broken or am I missing something..>
    Thank you

    ^^^^
    Seems to be in the WOO plugin –
    Sorry
    (Why can’t we delete our posts?)

    This problem will not go away for me unfortunately. As seen on any product at alcapparel.com:

    https://www.alcapparel.com/shop/clothing/looter-crop-tee/

    As you can see the word “Expand” is located in the upper left of the product image. I’ve reinstalled the YITH WooCommerce Magnifier plugin, and I can’t find the source of the word anywhere in the files. I’ve also tried hiding it with

    .pp_expand {display: none !important;}

    but that doesn’t work either.

    I’m quite baffled. Please help? I’ve also created an entry for this problem over at StackOverflow:

    https://stackoverflow.com/questions/29530003/generated-link-will-not-go-away-cant-trace-source-displaynone-not-working

    Okay this css seems to hide it successfully:

    .yith_magnifier_mousetrap a {
    display:none !important;
    }
Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘unwanted 'expand' link’ is closed to new replies.