如何在 magento2 pdp 中添加外部图像
How to add external image in magento2 pdp
我们如何为 magento2 产品详细信息页面添加外部图像(不是来自 magento2 后端)。我在 galley.phtml 中尝试了一些东西但没有成功。有没有人可以解决这个问题,请帮助我。
您可以尝试这些解决方案:
https://jsshowcase.com/question/how-to-add-external-image-in-magento2-pdp
将此代码添加到 gallery.phtml
<script>
require(['jquery'], function ($) {
$(document).on('gallery:loaded', function () {
var $fotorama = jQuery('div.gallery-placeholder > div.fotorama');
var fotorama = $fotorama.data('fotorama');
$fotorama.on('fotorama:load', function fotorama_onLoad(e, fotorama, extra) {
if (extra.frame.type === 'iframe') {
extra.frame.$stageFrame.html('<iframe align="middle" type="text/html" width="100%" height="100%" src="' + extra.frame.src + '" frameborder="0" scrolling="no" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>');
}
});
fotorama.push({
thumb: '<set your thumbnail image path>',
'src': '<set your image/video url>',
type: 'iframe',
caption: '<set your caption>'
});
});
});
</script>
这解决了我的要求。
我们如何为 magento2 产品详细信息页面添加外部图像(不是来自 magento2 后端)。我在 galley.phtml 中尝试了一些东西但没有成功。有没有人可以解决这个问题,请帮助我。
您可以尝试这些解决方案:
https://jsshowcase.com/question/how-to-add-external-image-in-magento2-pdp
将此代码添加到 gallery.phtml
<script>
require(['jquery'], function ($) {
$(document).on('gallery:loaded', function () {
var $fotorama = jQuery('div.gallery-placeholder > div.fotorama');
var fotorama = $fotorama.data('fotorama');
$fotorama.on('fotorama:load', function fotorama_onLoad(e, fotorama, extra) {
if (extra.frame.type === 'iframe') {
extra.frame.$stageFrame.html('<iframe align="middle" type="text/html" width="100%" height="100%" src="' + extra.frame.src + '" frameborder="0" scrolling="no" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>');
}
});
fotorama.push({
thumb: '<set your thumbnail image path>',
'src': '<set your image/video url>',
type: 'iframe',
caption: '<set your caption>'
});
});
});
</script>
这解决了我的要求。