Gsyfuy

In Magento 2 , when we create configurable product its child product also created, we can provide different description for child products too.

> 1. How to access description of each child product on product page?

> 2. can we make it throw on change of fields , like if we changes color on product 

     page, so it will show description of that color child product?

Any help will thank full.

I got the answer : im using magento 2.0.4

i used 'appdesignfrontendVenusthemefasonyMagento_ConfigurableProducttemplatesproductviewtypeoptionsconfigurable.phtml' file to get work done.

some small code you will need to get job work done

$objectManager = MagentoFrameworkAppObjectManager::getInstance();

$product = $objectManager->get('MagentoFrameworkRegistry')->registry('current_product');

$description=[];

$_children = $product->getTypeInstance()->getUsedProducts($product);

        foreach ($_children as $child){

            if($child->getDescription())

            {

             // $description array hold each child id and description

             $description[$child->getID()]=$child->getDescription();

            }

        }



//In case if you did't added child product description for some product so they will display main product description

      $description["product"]=$product->getDescription();



//code for product option change: what was this code



 $get=json_decode($block->getJsonConfig($option_txt),true);



$checkOption=[];

 foreach ($get['attributes'] as $key => $value) {

     if($value['code']=='color')

     {

        foreach ($value['options'] as $k => $v) {

$checkOption[$v['id']]=$v['products'][0];



        }

     }

 }

//code for product option change end :

//some script to use with select option

<script type="text/javascript">



    require(['jquery'],function($){

    var checkOption=<?php echo json_encode($checkOption);?>;

    var description=<?php echo json_encode($description);?>;

    jQuery(document).ready(function() {

        $("#attribute90").on('change',function(){

           var id= $(this).val();

           if(description[checkOption[id]])

           {

            //get child product description

           $('div[id="product.info.description"]').html(description[checkOption[id]]);

           }

           else{

            //if child product dont have description show , main product description

           $('div[id="product.info.description"]').html(description["product"]);



           }

        });



   });

});

</script>

full source code of my configurable.phtml file

<?php



  $objectManager = MagentoFrameworkAppObjectManager::getInstance();

  $product = $objectManager->get('MagentoFrameworkRegistry')->registry('current_product');



  $description=[];



  //get all childrens

  $_children = $product->getTypeInstance()->getUsedProducts($product);



  foreach ($_children as $child){

            if($child->getDescription())

            {

            $description[$child->getID()]=$child->getDescription();

            }

        }

        $description["product"]=$product->getDescription();



?>

<?php if ($_product->isSaleable() && count($_attributes)):?>

    <?php foreach ($_attributes as $_attribute):?>

        <div class="field configurable required">

            <label class="label" for="attribute<?php /* @escapeNotVerified */ echo $_attribute->getAttributeId() ?>">

                <span><?php $label=$block->escapeHtml($_attribute->getProductAttribute()->getStoreLabel());

                echo $label; 

                ?></span>

            </label>

            <div class="control">

                <select name="super_attribute[<?php /* @escapeNotVerified */ echo $_attribute->getAttributeId() ?>]"

                        data-validate="{required:true}"

                        id="attribute<?php /* @escapeNotVerified */ echo $_attribute->getAttributeId() ?>"

                        class="super-attribute-select" data-placholder="<?php /* @escapeNotVerified */ 

                        echo "$label:";

                    ?>">

                    <option value="">

                    </option>

                </select>

            </div>

        </div>

    <?php endforeach; 





//code for product option change

 $get=json_decode($block->getJsonConfig($option_txt),true);



$checkOption=[];

 foreach ($get['attributes'] as $key => $value) {

     if($value['code']=='color')

     {

        foreach ($value['options'] as $k => $v) {

$checkOption[$v['id']]=$v['products'][0];



        }

     }

 }

//code for product option change end:





    ?>

    <script type="text/x-magento-init">

        {

            "#product_addtocart_form": {

                "configurable": {

                    "spConfig": <?php echo json_encode($block->getJsonConfig($option_txt)); ?>

                }

            }

        }

    </script>

<?php endif;?>





<script type="text/javascript">



    require(['jquery'],function($){

    var checkOption=<?php echo json_encode($checkOption);?>;

    var description=<?php echo json_encode($description);?>;

    jQuery(document).ready(function() {

        $("#attribute90").on('change',function(){

           var id= $(this).val();

           if(description[checkOption[id]])

           {

            //get child product description

           $('div[id="product.info.description"]').html(description[checkOption[id]]);

           }

           else{

            //if child product dont have description show , main product description

           $('div[id="product.info.description"]').html(description["product"]);



           }

        });



   });

});

</script>