Magento – how to get swatches attribute option in magento 2

attribute-optionsattributescolor-swatchesmagento2swatches

how to get progmatically swatches attribute option data in magento 2.
I tried this:-

\Magento\Eav\Model\ResourceModel\Entity\Attribute\Option\CollectionFactory 
$options = $this->_attrOptionCollectionFactory->create()->setAttributeFilter(
                        $id
                )->setPositionOrder(
                        'asc', true
                )->setStoreFilter($storeid[$i])
                ->load();

with this above code i only get option data, not the swatches value. Please advice.

Best Answer

You Can get all the swatches attribute option data with below code.

<?php 

$attributes = $_product->getTypeInstance(true)->getConfigurableAttributesAsArray($_product); 

foreach ($attributes as $attribute){

    foreach($attribute['values'] as $data){
        echo "<pre>";
        print_r($data);
    }

}

Related Solutions

Magento – How Magento2 add attribute option programmatically (not in setup)

use Magento\Eav\Setup\EavSetupFactory;
use Magento\Store\Model\StoreManagerInterface;

declare:

protected $_eavSetupFactory;

constructor :

public function __construct(
    \Magento\Eav\Setup\EavSetupFactory $eavSetupFactory,
    \Magento\Store\Model\StoreManagerInterface $storeManager,
    \Magento\Catalog\Model\ResourceModel\Eav\Attribute $attributeFactory,
    \Magento\Framework\ObjectManagerInterface $objectmanager,
    ModuleDataSetupInterface $setup,
    \Magento\Catalog\Model\ProductFactory $productloader
) {
    $this->_eavSetupFactory = $eavSetupFactory;
    $this->_storeManager = $storeManager;
    $this->_attributeFactory = $attributeFactory;
    $this->_objectManager = $objectmanager;
    $this->setup = $setup;
    $this->_productloader = $productloader;
}

execute methode :

public function execute(EventObserver $observer)
{
    /** @var $brand \Ktpl\Brand\Model\Brand */
    $brand = $observer->getEvent()->getBrand();
    $option_id = "";

    $data = [];
    $attribute_arr = [$brand['brand_id'] => $brand['brand_title']];
    $optionTable = $this->setup->getTable('eav_attribute_option');
    $attributeInfo=$this->_attributeFactory->getCollection()
           ->addFieldToFilter('attribute_code',['eq'=>"shop_by_brand"])
           ->getFirstItem();

    $attribute_id = $attributeInfo->getAttributeId();

    $eavAttribute = $this->_objectManager->create('Magento\Eav\Model\Config');

    $option=array();
    $option['attribute_id'] = $attributeInfo->getAttributeId();
    $option['value'] = array(0=>array()); // 0 means "new option_id", other values like "14" means "update option_id=14" - this array index is casted to integer

    $storeManager = $this->_objectManager->get('Magento\Store\Model\StoreManagerInterface');
    $stores = $storeManager->getStores();
    $storeArray[0] = "All Store Views";       

    foreach ($stores  as $store) {
        $storeArray[$store->getId()] = $store->getName();
    }


    if (empty($brand['optionId'])) {
        foreach($attribute_arr as $key => $value){
            $option['value'][0][0]=$value;
                foreach($storeArray as $storeKey => $store){
                    $option['value'][0][$storeKey] = $value;
                }                
        }
    }
    else
    {
        foreach($attribute_arr as $key => $value){
                foreach($storeArray as $storeKey => $store){
                    $option['value'][$brand['optionId']][$storeKey] = $value;
                }                
        }
    }

    $eavSetup = $this->_eavSetupFactory->create();
    $eavSetup->addAttributeOption($option)

}

Magento 2 Checkout – How to Get Product Attribute Options on Checkout Cart

Create a module
Override the configurable model in

VENDOR/MODULENAME/Model/Product/Type/Configurable.php

namespace VENDOR\MODULENAME\Model\Product\Type;
use Magento\ConfigurableProduct\Model\Product\Type\Configurable as ConfigurableProduct;

class Configurable extends \Magento\ConfigurableProduct\Model\Product\Type\Configurable
{   
    public function getUsedConfigurableProductAttributes($product)
    {       
        if (!$product->hasData($this->usedProductAttributes)) {
            $usedProductAttributes = [];
            $usedAttributes = [];
            foreach ($this->getConfigurableAttributes($product) as $attribute) {
                if ($attribute->getProductAttribute() !== null) {
                    $id = $attribute->getProductAttribute()->getId();
                    $usedProductAttributes[$id] = $attribute->getProductAttribute();
                    $usedAttributes[$id] = $attribute;
                }
            }
            $product->setData($this->_usedAttributes, $usedAttributes);
            $product->setData($this->usedProductAttributes, $usedProductAttributes);
        }
        return $product->getData($this->_usedAttributes);
    } 
}

Override the Getoptions block using plugin

namespace VENDOR\MODULENAME\Plugin\Product;
use Magento\Swatches\Helper\Data as SwatchData;
use Magento\Swatches\Helper\Media;
use VENDOR\MODULENAME\Model\Product\Type\Configurable as ConfigModel;

class Options
{
    protected $swatchHelper;    
    protected $swatchMediaHelper;    
    protected $configModel;

    public function __construct(
        SwatchData $swatchHelper,
        Media $swatchMediaHelper,
        ConfigModel $configModel
    )
    {
        $this->swatchHelper = $swatchHelper;
        $this->swatchMediaHelper = $swatchMediaHelper;
        $this->configModel = $configModel;        
    }

    public function aroundGetOptions(
        \Magento\Catalog\Helper\Product\Configuration $subject,
        $proceed,
        \Magento\Catalog\Model\Product\Configuration\Item\ItemInterface $item
    ) {     
        $product = $item->getProduct();
        $typeId = $product->getTypeId();

        if ($typeId == \Magento\ConfigurableProduct\Model\Product\Type\Configurable::TYPE_CODE) {
            if($attributesOption = $product->getCustomOption('attributes')) {
                $data = unserialize($attributesOption->getValue());  

                $usedAttributes = $this->configModel->getUsedConfigurableProductAttributes($product);
                $mediaUrl = $this->swatchMediaHelper->getSwatchMediaUrl();

                foreach ($data as $attributeId => $attributeValue) {
                    if (isset($usedAttributes[$attributeId])) {
                        /** @var \Magento\Catalog\Model\ResourceModel\Eav\Attribute $attribute */
                        $attribute = $usedAttributes[$attributeId]->getProductAttribute();
                        $label = $attribute->getStoreLabel();
                        $value = $attribute;
                        if ($value->getSourceModel()) {
                            $value = $value->getSource()->getOptionText($attributeValue);
                        } else {
                            $value = '';
                        }

                        $swatchesData = $this->swatchHelper->getSwatchesByOptionsId(array($attributeValue));
                        $swatchValue = $swatchesData[$attributeValue]['value'];
                        $visualSwatch = $this->swatchHelper->isVisualSwatch($attribute);
                        $swatch_value_formatted = '';

                        if($visualSwatch) {
                            if ($swatchValue[0] == '#') {
                                $swatch_value_formatted = 'background: '.$swatchValue;
                            } elseif ($swatchValue[0] == '/') {
                                $swatch_value_formatted = 'background: url('.$mediaUrl.$swatchValue.'); background-size: cover;';
                            }
                        }

                        $attributes[] = ['label' => $label, 'value' => $value, 'swatch_value' =>  $swatchValue, 'option_id' =>  $swatchesData[$attributeValue]['option_id'] , 'visual_swatch' => $visualSwatch , 'swatch_value_formatted' => $swatch_value_formatted  ];      
                    }
                }
            }            
            return $attributes + $proceed($item);
        }        
        return $proceed($item);
    }
}

Define the plugin and overriding model in di.xml

<preference for="Magento\ConfigurableProduct\Model\Product\Type\Configurable" type="VENDOR\MODULENAME\Model\Product\Type\Configurable"/>
<type name="Magento\Catalog\Helper\Product\Configuration">
<plugin name="My_product_options" type="\VENDOR\MODULENAME\Plugin\Product\Options" sortOrder="1"/>
</type>

In the checkout cart template you can use the following to find out the swatch is visual or not. The following values also available in the template file swatch_value, visual_swatch, swatch_value_formatted

<?php if (isset($_option['visual_swatch']) && $_option['visual_swatch']) { ?>
        <?php echo '<div class="swatch-option" style="'.$_option['swatch_value_formatted'].'"></div>'; ?>
    <?php } ?>

Best Answer

Related Solutions

Magento – How Magento2 add attribute option programmatically (not in setup)

Magento 2 Checkout – How to Get Product Attribute Options on Checkout Cart

Related Topic