美文网首页外贸人该懂点儿技术 - Magento2 篇程序员
Magento2.2 如何前端显示某个商品的全部图片

Magento2.2 如何前端显示某个商品的全部图片

作者: StillWater_7e10 | 来源:发表于2018-02-05 15:12 被阅读66次

软件自带的模版和一般的商业模版productlist里图片getimage()只显示产品的主图,不能显示其他图片。

想实现的功能是做一个商品浏览的carousel(这里直接用的bootstrap),需要调取产品的全部图片。

在stackoverflow上搜索了一下方法,很多回答是直接用$product->getMediaGalleryImages();

测试了一下不行,然后进一步搜寻了一下发现是缺少了$objectManager = \Magento\Framework\App\ObjectManager::getInstance(); $product = $objectManager->create('Magento\Catalog\Model\Product')->load($_product->getId());

完整代码为:

    $objectManager = \Magento\Framework\App\ObjectManager::getInstance();    $product = $objectManager->create('Magento\Catalog\Model\Product')->load($_product->getId());       

    $images = $product->getMediaGalleryImages();    foreach($images as $child){ ?>       

这个方法也有缺陷,消耗有点儿大,替代的方案是写一helper,来完成,stockoverflow上有很多例子。


 

相关文章

  • Magento2.2 如何前端显示某个商品的全部图片

    软件自带的模版和一般的商业模版productlist里图片getimage()只显示产品的主图,不能显示其他图片。...

  • Android大尺寸图片加载问题

    对于大尺寸图片加载,如何正常加载显示且不发生OOM? 图片采样,应用场景:图片全部显示在控件上 图片按区域加载,应...

  • Android实现轮播图点击图片放大效果

    最近项目中需要实现轮播图显示商品图片,当用户点击商品图片的时候,需要图片放大显示,当然用户还能进行多张图片的滑动切...

  • Android实现轮播图点击图片放大效果

    最近项目中需要实现轮播图显示商品图片,当用户点击商品图片的时候,需要图片放大显示,当然用户还能进行多张图片的滑动切...

  • Android实现轮播图点击图片放大效果

    最近项目中需要实现轮播图显示商品图片,当用户点击商品图片的时候,需要图片放大显示,当然用户还能进行多张图片的滑动切...

  • iOS通过环信demo发送商品分享

    先上效果图,了解能实现的效果。 说明具备的需求:显示商品名,商品详情,商品价格(图中未显示),商品图片,商品链接,...

  • Django+Vue打造购物网站(四)

    首页商品类别数据显示 商品分类接口 大概需要两个,一个显示三个类别 一个显示类别及类别下的全部商品 现在开始写商品...

  • Vue自定义指令结合阿里云OSS优化图片

    图片往往在加载前端项目中占大头,如何既不损失图片质量,又提升加载速度呢? 根据显示设备pixelRatio和元素宽...

  • jQuery淘宝商品图片显示

    当点击左侧或右侧商品名称,中间即可显示对应商品的图片。用index将商品名和图片对应起来。 代码:

  • 16、商品案例

    商品案例 实现商品图片的上传,显示商品名称、价格 、数量、图片、描述等。可以对商品进行增改查。 导包、配置文件和工...

网友评论

    本文标题:Magento2.2 如何前端显示某个商品的全部图片

    本文链接:https://www.haomeiwen.com/subject/nczbzxtx.html