Галерея фоторамок и лупа в magento 2

Я использую тему Порто в magento 2. Я застрял при использовании увеличителя фоторамки и галереи фоторамки.

Magnifier:
В увеличителе фоторамки, при наведении курсора на изображение товара, показано 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 -->

Любая помощь будет оценена.

Спасибо.