如何在 magento2 pdp 中添加外部图像

Posted

技术标签:

【中文标题】如何在 magento2 pdp 中添加外部图像【英文标题】:How to add external image in magento2 pdp 【发布时间】:2022-01-18 14:57:15 【问题描述】:

我们如何为 magento2 产品详细信息页面添加外部图像(不是来自 magento2 后端)。我在galley.phtml 中尝试了一些东西,但没有成功。有没有人可以解决这个问题,请帮助我。

【问题讨论】:

【参考方案1】:

您可以尝试以下解决方案:

https://jsshowcase.com/question/how-to-add-external-image-in-magento2-pdp

https://magento.stackexchange.com/a/309826/101754

【讨论】:

【参考方案2】:

将此代码添加到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"   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 pdp 中添加外部图像的主要内容,如果未能解决你的问题,请参考以下文章

Magento2 为产品图片添加动态背景

Magento2开发教程 - 如何向数据库添加新表

Magento 2 - 如何在 Fotorama JS 中替换 webP 图像

如何在 Magento2 中更改主题

为啥将 Magento2 样本数据中的 Luma Thema 样本图像扩展到自定义主题时不可见?

如何在android中为透明png图像添加描边/边框?