Search code examples
imageclickfullscreenfotorama

How to open fotorama fullscreen mode by click on main image?

I'm using fotorama js plugin for product gallery. How to turn on fullscreen mode when clicking on main image (not thumbnails)? I want to allow user to open fullscreen mode by click on image instead fullscreen icon on right top corner.

This answer is not working for me: https://stackoverflow.com/a/19064471/4680550

Solution

  • After hours of looking for solution I finally found it. Just make fullscreen icon transparent, full height and full width to cover main image:

    .fotorama__fullscreen-icon {
    background: url('../img/bg.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    width: 100% !important;
    height: 100% !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 10 !important;
}