Magento – How To get Visual Swatch attribute image path in magento2

magento2

I created one attribute with type Visual Swatch

now i need to get image path of specific option value or product then how to get it ?

Best Answer

I had the same problem. Finaly got it working with below code:

use Magento\Swatches\Helper\Data as SwatchData;
use Magento\Swatches\Helper\Media;

...

public function __construct(
    SwatchData $swatchHelper,
    Media $swatchMediaHelper,
    Config $eavConfig
) {

    $this->eavConfig = $eavConfig;
    $this->swatchHelper = $swatchHelper;
    $this->swatchMediaHelper = $swatchMediaHelper;
}

...

$attribute = $this->eavConfig->getAttribute('catalog_product',         
$attribute_code); //First get the current attribute
$options = $attribute->getSource()->getAllOptions();

//Get all value_id's from attribute and add them to a array
$valueIds = [];

foreach ( $options as $option ) {
    $valueIds[] = $option['value'];
}
//Get all images for value_id's
$images = $this->swatchHelper->getSwatchesByOptionsId($valueIds);

Now $images contains an array with the id, label and image for each value.

Hope this helps someone.

Related Solutions

Magento – Magento 2 Product Attribute Swatch Image

To retrieve that value, you need the next in your block or viewModel (https://www.yireo.com/blog/1856-viewmodels-in-magento-2)

...

use Magento\Catalog\Helper\Data as CatalogData;
use Magento\Swatches\Helper\Data;
use Magento\Swatches\Helper\Media;

...

/**
 * @var Data
 */
private $swatchesHelper;

/**
 * @var Media
 */
private $swatchesHelperMedia;

/**
 * @var CatalogData
 */
private $catalogHelperData;

...

/**
 * @return string|null
 */
public function getSwatchImage()
{
    $product = $this->catalogHelperData->getProduct(); //This depends of as you want do it,but you can do it on this way
    if ($product->getSwatchAttribute()) {
        $image = $this->swatchesHelper->getSwatchesByOptionsId([$product->getSwatchAttribute()]);
        if (current($image)['value']) {
            return $this->swatchesHelperMedia->getSwatchAttributeImage('swatch_thumb', current($image)['value']);
        }
    }

    return null;
}

swatch_attribute is the attribute code.

Magento 2 – How to Get Image from Swatch ID

You can get swatch Image from this,

$objectManager = \Magento\Framework\App\ObjectManager::getInstance();

$swatch = $objectManager->create('Magento\Swatches\Model\Swatch')->load($swatchId);

$imageName=$swatch->getData('value');

if(!empty($imageName)){
$imagePath=$objectManager->create('Magento\Swatches\Helper\Media')->getSwatchMediaUrl().$imageName;
echo $imagePath;
}

You can find Image value from eav_attribute_option_swatch table. Where value is Image path and type 1 is uploaded image filer and 2 is color selected from color swatch.

Note: I am against of direct loading object with $objectManager, for better impact you can inject it in your constructor. I have just given example how you can achieve it. `

Best Answer

Related Solutions

Magento – Magento 2 Product Attribute Swatch Image

Magento 2 – How to Get Image from Swatch ID

Related Topic