たとえば、ヘルパーを作成します。
<?php
/**
* Copyright © 2015 Magento. All rights reserved.
* See COPYING.txt for license details.
*/
namespace Ibnab\Common\Helper;
use Magento\Catalog\Model\Product\Gallery\ReadHandler as GalleryReadHandler;
class Data extends \Magento\Framework\App\Helper\AbstractHelper {
protected $galleryReadHandler;
/**
* Catalog Image Helper
*
* @var \Magento\Catalog\Helper\Image
*/
protected $imageHelper;
public function __construct(
GalleryReadHandler $galleryReadHandler, \Magento\Framework\App\Helper\Context $context,\Magento\Catalog\Helper\Image $imageHelper)
{
$this->imageHelper = $imageHelper;
$this->galleryReadHandler = $galleryReadHandler;
parent::__construct($context);
}
/** Add image gallery to $product */
public function addGallery($product) {
$this->galleryReadHandler->execute($product);
}
public function getGalleryImages(\Magento\Catalog\Api\Data\ProductInterface $product)
{
$images = $product->getMediaGalleryImages();
if ($images instanceof \Magento\Framework\Data\Collection) {
foreach ($images as $image) {
/** @var $image \Magento\Catalog\Model\Product\Image */
$image->setData(
'small_image_url',
$this->imageHelper->init($product, 'product_page_image_small')
->setImageFile($image->getFile())
->getUrl()
);
$image->setData(
'medium_image_url',
$this->imageHelper->init($product, 'product_page_image_medium')
->constrainOnly(true)->keepAspectRatio(true)->keepFrame(false)
->setImageFile($image->getFile())
->getUrl()
);
$image->setData(
'large_image_url',
$this->imageHelper->init($product, 'product_page_image_large')
->constrainOnly(true)->keepAspectRatio(true)->keepFrame(false)
->setImageFile($image->getFile())
->getUrl()
);
}
}
return $images;
}
}
list.phtml内で呼び出して使用:
$ _helperGallery = $ this-> helper( 'Ibnab \ Common \ Helper \ Data');
これで、現在の呼び出された製品をそれぞれに対して使用できます(技術を使用して):
<a href="<?php echo $_product->getProductUrl() ?>">
<ul class="product-item-wrapper">
<?php
$_helperGallery->addGallery($_product);
$images = $_helperGallery->getGalleryImages($_product);
if ($images instanceof \Magento\Framework\Data\Collection) {
$i = 1;
foreach ($images as $image) {
$item = $image->getData();
if (isset($item['media_type']) && $item['media_type'] == 'image'):
?>
<?php if ($i == 1): ?>
<li class="selected">
<?php else: ?>
<li >
<?php endif; ?>
<img src="<?php echo isset($item['medium_image_url']) ? $item['medium_image_url'] : null; ?>" alt="Preview image">
</li>
<?php
$i++;
endif;
}
}
?>
</ul>
</a>
もちろん完全な情報源
\Magento\Catalog\Model\Product::getMediaGalleryImages()