Question

我在magento 2中使用了Porto主题。在使用fotorama放大镜和fotorama画廊时，我被卡住了。

放大镜： 在fotorama放大镜中，我将鼠标悬停在产品图片上，它显示2张图片。无法正确缩放

画廊： 在图库中，我第一次需要5张图片，然后滚动，我将能够在产品详细信息（视图）页面中看到另一张产品图片。

fotorama.js

 OPTIONS = {
itemdisp: 5,
             nav: 'dots', // 'thumbs' || false
            navposition: 'bottom', // 'top'
            navwidth: null,
            thumbwidth: THUMB_SIZE,
            thumbheight: THUMB_SIZE,
            thumbmargin: MARGIN,
            thumbborderwidth: MARGIN,

            allowfullscreen: false, // true || 'native'

            transition: 'slide', // 'crossfade' || 'dissolve'
            clicktransition: null,
            transitionduration: TRANSITION_DURATION,

            captions: true,

            startindex: 0,

            loop: false,

            autoplay: false,
            stopautoplayontouch: true,

            keyboard: false,

            arrows: true,
            click: true,
            swipe: false,
            trackpad: false,

            shuffle: false,

            direction: 'ltr', // 'rtl'

            shadows: true,

            showcaption: true,

            /**
             * Set type of thumbnail navigation
             */
            navdir: 'horizontal',

            /**
             * Set configuration to show or hide arrows in thumb navigation
             */
            navarrows: true,

            /**
             * Set type of navigation. Can be thumbs or slides
             */
            navtype: 'thumbs'

        },

在gallery.phtml

中

"options": {
                "nav": "<?php /* @escapeNotVerified */ echo $block->getVar("gallery/nav"); ?>",

                "itemdisp":"<?php /* @escapeNotVerified */ echo $block->getVar("gallery/itemdisp"); ?>" /*my custom variable*/

在view.xml

<var name="gallery">
        <var name="nav">thumbs</var> <!-- Gallery navigation style (false/thumbs/dots) -->
        <var name="itemdisp">5</var><!-- My custom variable -->

任何帮助将不胜感激。

谢谢。

Fotogena画廊和magento 2中的放大镜问题

0 个答案: