I can't disable full screen gallery on mobile on magento 2.2.1

[joebordo]

I applied the code below to disable full screen gallery in magento 2.2.1

`<var name="breakpoints">
        <var name="mobile">
            <var name="conditions">
                <var name="max-width">767px</var>
            </var>
            <var name="options">
               <var name="options">
                 <var name="allowfullscreen">false</var>
                 <var name="arrows">false</var> <!-- Turn on/off arrows on the sides preview (true/false) -->
                 <var name="nav">thumbs</var> 
                </var>
            </var>
        </var>
    </var>`

The code does not work. The full screen gallery is still not disabled on mobile. (under 767 px)

Preconditions

magento 2.2.1
php 7.1

Steps to reproduce

Add the code above, it should disable the full screen gallery under 767 px.
false (this code does nothing)

Expected result

It does nothing.

Actual result

Nothing happens, the gallery is still enabled in mobile (under 767 px)

[magento-engcom-team]

@joebordo, thank you for your report.
We've created internal ticket(s) MAGETWO-84793 to track progress on the issue.

[joebordo]

Okey the problem is that it passes breakpoint value as a string.

It renders the breakpoints like this:

[ "breakpoints": {"mobile":{"conditions":{"max-width":"767px"},"options":{"options":{"nav":"dots","allowfullscreen":"false"}}}} }]

But it should be like this

"breakpoints": {"mobile":{"conditions":{"max-width":"767px"},"options":{"options":{"nav":"dots","allowfullscreen":false}}}} }

false should not be a string.

As a temporary solution you can replace the php echo block for the breakpoints in

module-catalog/view/frontend/templates/product/view/gallery.phtml

with the above code directly. Until this is fixed.

[okorshenko]

Hi @joebordo
The issue has been fixed and delivered in 2.2-develop branch. Will be available with upcoming patch release.