• grayayer

    (@grayayer)


    I was afraid that customers wouldn’t actually know that they could zoom over the image on the new site I installed your plug-in on, I wrote up this bit of CSS for you to include in your next release:

    .yith_magnifier_mousetrap:before {
    	content: "Hover over image for zoom effect";
    	padding: 10px 20px;
    	display: block;
    	font-weight: normal;
    	font-style: italic;
    	text-shadow: 1px 1px 1px #000;
    	color: #FFF;
    	-webkit-transition: all .3s ease;
    	-moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
    		transition: all .3s ease;
    }
    
    .yith_magnifier_mousetrap:hover:before {
    	opacity: 0;}

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

  • The topic ‘Code snippet for zoom instructions’ is closed to new replies.