jquery - Magento 2 - Fotorama

Question

我的产品详细信息页面上的产品 slider 有问题。我不知道如何设置容器的宽度和高度。

我找到了 Fotorama 插件的一些配置，但没有关于宽度和高度的信息。

我的产品图像有另一个维度。

<div class="fotorama__stage" style="width: 581px; height: 581px; line-height: 581px;">

这是插件的尺寸。

我的图像尺寸是 530px x 350px ，因此有太多空白(顶部/底部)。

有什么想法吗？

Answer 1

您必须编辑以下文件:app/design/vendor/Magento_Catalog/templates/product/view/gallery.phtml

您可以在此处添加选项

<script type="text/x-magento-init">
{
    "[data-gallery-role=gallery-placeholder]": {
        "mage/gallery/gallery": {
            "mixins":["magnifier/magnify"],
            "magnifierOpts": <?php /* @escapeNotVerified */ echo $block->getMagnifier(); ?>,
            "data": <?php /* @escapeNotVerified */ echo $block->getGalleryImagesJson(); ?>,
            "options": {
                "maxheight": "700", // Add your value here
           }
        }
    }
}