Image sizes not changing

  • webdevdon

    (@webdevdon)


    8 years ago

    Hello, I am trying to make the images a different dimensions on the the product pages since they dont actually fit on the screen. The zoombox dimensions don’t seem to change this. Is there any way to fix this?

Viewing 4 replies - 1 through 4 (of 4 total)
  • snormand

    (@snormand)

    if you meant the image zoom box when it is placed to the left,

    in the css to do this i used 

    div.yith_magnifier_zoom_magnifier{
    width:75% !important;
    height:75% !important;
}

    the important force the css to be the one used over any other.

    If you want it to be responsive, it might go offscreen still here is my complete code

    @media screen and (max-width:1629px){
    div.yith_magnifier_zoom_magnifier{
        width:75% !important;
        height:75% !important;
    }
}
@media screen and (max-width:1380px){
    div.yith_magnifier_zoom_magnifier{
        width:50% !important;
        height:50% !important;
    }
}

    the max width part is used so that this css is only used when the screen is smaller then the number.

    Plugin Author YITHEMES

    (@yithemes)

    Hi @webdevdon,
    did you rebuilt the thumbnails after you change the zoom image size?

    Giuseppe

    Thread Starter webdevdon

    (@webdevdon)

    Yes, I have regen thumbnails about 3 times now with no success. Im using the inside zoom. What about changing the product image size and not the zoom box?

    Plugin Author YITHEMES

    (@yithemes)

    Hi @webdevdon,
    we’re not able to reproduce the issue on our side, there could be several reasons for the issue you’re experiencing but it’s very hard to guess it without putting hands on the web site.
    Please try to deactivate all plugins but WooCommerce and Zoom Magnifier and use a default twenty* theme and try again.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image sizes not changing’ is closed to new replies.