View.xml file
<theme_dir>/etc/view.xml
— is a standard Magento theme file that is used to
describe basic image dimensions and product gallery settings.
Breeze module adds few more settings you can control within view.xml file:
Here is a shortened version of view.xml file contents:
<?xml version="1.0"?>
<view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/view.xsd">
<media>
<images module="Magento_Catalog">
<!-- Image demensions and srcsets -->
<image id="category_page_grid" type="small_image">
<width>300</width>
<height>375</height>
</image>
<image id="category_page_grid-srcset-1" type="small_image">
<width>600</width>
<height>750</height>
</image>
</images>
</media>
<vars module="Magento_Catalog">
<var name="gallery">
<!-- Gallery settings -->
<var name="allowfullscreen">true</var>
<var name="keyboard">true</var>
<var name="loop">true</var>
<var name="nav">true</var>
<var name="navdir">horizontal</var>
</var>
</vars>
<vars module="Swissup_Breeze">
<!-- Breeze module settings -->
<var name="enabled">1</var>
<var name="turbo">1</var>
<var name="responsive_images">1</var>
<!-- Image sizes to use per screen size -->
<var name="sizes">
<var name="category_page_grid">...</var>
<var name="category_page_grid-1column">...</var>
</var>
</vars>
</view>