Como obter o URL da imagem do espaço reservado Magento2?


8

Como obter o URL da imagem do espaço reservado no meu arquivo de modelo da página de listagem de produtos?

Respostas:


9
    use  \Magento\Store\Model\StoreManager $storeManager

    $this->storeManager = $storeManager;
    $path =
    catalog/placeholder/thumbnail_placeholder OR
    catalog/placeholder/swatch_image_placeholder OR
    catalog/placeholder/small_image_placeholder OR
    catalog/placeholder/image_placeholder OR

     public function getConfig($config_path)
        {
            return $this->storeManager->getStore()->getConfig($config_path);
        }

<img src = $mediaUrl.'catalog/product/placeholder/'.$this->getConfig($path) />
    $mediaUrl = $this ->storeManager->getStore()->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA );

No Magento 2.2:

  • Obter ajudante no bloco (phtml)
    $imageHelper = $this->helper(\Magento\Catalog\Helper\Image::class);

  • Get Helper Global
    $imageHelper = \Magento\Framework\App\ObjectManager::getInstance()->get(\Magento\Catalog\Helper\Image::class);

  • Obtenha o URL da imagem do espaço reservado. Usuário como parâmetro: 'imagem', 'smal_image', 'swatch_image' ou 'thumbnail'.
    $placeholderImageUrl = $imageHelper->getDefaultPlaceholderUrl('image');


Oi saurabh, existe um / ausente após o "espaço reservado" ao obter a fonte da imagem. Também $ mediaUrl deve estar acima da tag img, corrija.
precisa saber é

sim obrigado aton, eu sabia, mas há algum problema de formatação por que fiz isso.
Saurabh Taletiya 30/01

Eu quero passar o caminho da imagem do espaço reservado na minha API, mas quando uso getDefaultPlaceholderUrl (), ele gera o caminho da imagem como: example.com/static/version1551260928/webapi_rest/_view/en_US/…
Gaurav Agrawal

6

Se você verificar as configurações da sua loja, encontrará a opção de marcadores de posição da imagem do produto

Stores > Configuration > Catalog > Catalog > Product Image Placeholders

Você pode chamar o get the value em block e chamar no seu arquivo de modelo.

<?php 

protected $_scopeConfig;

public function __construct
(
    ---
    \Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig
    ---

){
    ---
    $this->_scopeConfig = $scopeConfig;
    ---
}

public function getPlaceholderImage(){
    return $this->_scopeConfig->getValue('catalog/placeholder/image_placeholder'); // Base Image
    $this->_scopeConfig->getValue('catalog/placeholder/small_image_placeholder'); // Small Image
    $this->_scopeConfig->getValue('catalog/placeholder/swatch_image_placeholder'); // Swatch Image
    $this->_scopeConfig->getValue('catalog/placeholder/thumbnail_placeholder'); // Thumbnail Image
}

Na chamada do arquivo de modelo

$block->getPlaceholderImage();

3

Para obter o URL da imagem do espaço reservado no modelo da página de listagem de produtos, faça o seguinte:

$imageUrl = $block->getImage($block->getProduct(), 'category_page_grid')->getImageUrl();

3

Devemos dar uma olhada na classe Magento Helper \Magento\Catalog\Helper\Image

Por exemplo :

<?php

namespace Vendor\Module\Helper;

use Magento\Catalog\Helper\ImageFactory as HelperFactory;
use Magento\Framework\View\Asset\Repository;

class Image
{
    /**
     * @var HelperFactory
     */
    protected $helperFactory;

    /**
     * @var Repository
     */
    protected $assetRepos;

    /**
     * Image constructor.
     * @param HelperFactory $helperFactory
     * @param Repository $repository
     */
    public function __construct(
        HelperFactory $helperFactory,
        Repository $repository
    ) {
        $this->assetRepos = $repository;
        $this->helperFactory = $helperFactory;
    }

    /**
     * Get image url
     *
     * @param $product
     * @param $imageId
     * @return mixed
     */
    public function getImageUrl($product, $imageId = null)
    {
        /** @var \Magento\Catalog\Helper\Image $helper */
        if ($imageId == null) {
            $imageId = 'cart_page_product_thumbnail';
        }
        $helper = $this->helperFactory->create()
            ->init($product, $imageId);
        return $helper->getUrl();
    }

    /**
     * Get small place holder image
     *
     * @return string
     */
    public function getPlaceHolderImage()
    {
        /** @var \Magento\Catalog\Helper\Image $helper */
        $helper = $this->helperFactory->create();
        return $this->assetRepos->getUrl($helper->getPlaceholder('small_image'));
    }
}

2

No bloco, use o seguinte método:

public function getPlaceholderImage() {
    return sprintf('<img src="%s"/>', $this->getViewFileUrl('Magento_Catalog::images/product/placeholder/thumbnail.jpg'));
}

0

Se você está tentando obtê-lo em qualquer arquivo de modelo. Você precisará do auxiliar de imagem do Magento.\Magento\Catalog\Helper\Image::class

Você pode obter uma instância como esta na parte superior de qualquer arquivo .phtml

$imageHelper = \Magento\Framework\App\ObjectManager::getInstance()->get(\Magento\Catalog\Helper\Image::class);

e encontre o caminho para o URL da imagem do espaço reservado como este

$imageHelper->getDefaultPlaceholderUrl('small_image')
$imageHelper->getDefaultPlaceholderUrl('image')
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.