2016-04-18 7 views
1

次のコードは、画像の周りにスパンのあるHTMLを表示します。Magento 2で画像データを取得する

<?php 

$productImage = $block->getImage($_product, $image); 

echo $productImage->toHtml(); 

?> 

私は私がそれをしたいと私はHTML togheter置くことができるようにMagentoの2の画像の画像データを収集する方法を知っていただきたいと思います。

次のコードは、元の画像のURLを示しています。しかし、私は小さなサイズの画像が欲しいです。

$block->getUrl().'pub/media/catalog/product' . $_product->getImage() 

これは私が欲しいものです:

/Magento_Catalog/templates/product/list.php

<?php 

$_productCollection = $block->getLoadedProductCollection(); 

foreach ($_productCollection as $_product){ 

// Get front image in small size for category view 

$get_main_image_url = ''; 
$get_main_image_width = ''; 
$get_main_image_height = ''; 
$get_main_image_alt = ''; 

echo '<img src="' . $get_main_image_url . '" width="' . $get_main_image_width . '" height="' . $get_main_image_height . '"' . ' alt="' . $get_main_image_alt . '">'; 

// Get back image in small size for category view 

$get_back_image_url = ''; 
$get_back_image_width = ''; 
$get_back_image_height = ''; 
$get_back_image_alt = ''; 

echo '<img src="' . $get_back_image_url . '" width="' . $get_back_image_width . '" height="' . $get_back_image_height . '"' . ' alt="' . $get_back_image_alt . '">'; 

} 

?> 
+0

あなたが直面している問題は何ですか? – urfusion

答えて

0

私はここにファイルを保存することで、画像PHTMLファイルを上書きしてしまいました。

[your_magento_installation]/app/design/frontend/[your_vendor]/[your_theme]/Magento_Catalog/templates/produc t/image_with_borders.phtml

image.phtmlまたはimage_with_borders.phtmlの内容をコピーしたい場合があります。これは私のファイルの外観です:

<?php /** @var $block \Magento\Catalog\Block\Product\Image */ ?> 

<img 
    <?php /* @escapeNotVerified */ echo $block->getCustomAttributes(); ?> 
    src="<?php /* @escapeNotVerified */ echo $block->getImageUrl(); ?>" 
    width="<?php /* @escapeNotVerified */ echo $block->getResizedImageWidth(); ?>" 
    height="<?php /* @escapeNotVerified */ echo $block->getResizedImageHeight(); ?>" 
    alt="<?php /* @escapeNotVerified */ echo $block->stripTags($block->getLabel(), null, true); ?>"/>