Ttdfjt

I have a product collection and i have used below code to display in my template file as follows.

 <ol class="products list items product-items">
 <?php 
 $productCollectionSku = array('111', '222', '333', '444', '555', '666'); // these are the comma separated skus.

 foreach($productCollectionSku as $productSku) 
 $product = $block->getProductBySku($productSku);
 $productName = $product->getName();
 $shortDescription = $product->getshortDescription();
 $productUrl = $product->getProductUrl();
 $productId = $product->getId(); 

 $productPrice = $product->getPrice(); 
 $addtoCartUrl = $block->getAddToCartUrlForProduct($productSku);
 ?>
 <li class="item product product-item"> 
 <div class="product-item-info" data-container="product-grid">
 <a href="<?php echo $productUrl; ?>" class="product photo product-item-photo">
 <span class="product-image-wrapper">
 <img class="product-image-photo" src="<?php echo $productImage; ?>" width="240" height="300" alt="<?php echo $productName; ?>"></span>
 </a>
 <div class="product details product-item-details"> 
 <strong class="product name product-item-name">
 <a class="product-item-link" href="<?php echo $productUrl; ?>">
 <?php echo $productName; ?></a>
 </strong> 
 <div class="price-box price-final_price">
 <span class="price-container price-final_price">
 <span class="price-wrapper ">
 <span class="price"><?php echo $productPrice; ?></span>
 </span>
 </span>
 </div> 
 <form action="<?php echo $addtoCartUrl; ?>" method="post" class="best-items"> 
 <?php echo $block->getBlockHtml('formkey')?>
 <input type="hidden" name="productId" value="<?php echo $productId; ?>">
 <button type="submit" title="Add to Cart" class="action tocart primary"> 
 <span>Add to Cart</span>
 </button>
 </form> 
 </div>
 </div>
 </li>
 <?php ?>
 </ol>

Here is my getProductBysku function

 public function getProductBySku($sku)
 
 return $this->productRepository->get($sku);// injecting this class in my block file MagentoCatalogApiProductRepositoryInterface $productRepository,

 

The above code working fine if all of the SKUs are simple products,

I need to prepare for configurable products also. Can we get the product info
and display here config products with all the variations as swatches.

All I am looking here is how to display configurable products here exactly like in the category list page with the swatches being shown.

Where all the color and size swatches shows with clickable option.

Can anyone help me to implement this one?

Thanks in Advance!!

 <ol class="products list items product-items">
 <?php 
 $productCollectionSku = array('111', '222', '333', '444', '555', '666'); // these are the comma separated skus.

 foreach($productCollectionSku as $productSku) 
 $product = $block->getProductBySku($productSku);
 $productName = $product->getName();
 $shortDescription = $product->getshortDescription();
 $productUrl = $product->getProductUrl();
 $productId = $product->getId(); 

 $productPrice = $product->getPrice(); 
 $addtoCartUrl = $block->getAddToCartUrlForProduct($productSku);
 ?>
 <li class="item product product-item"> 
 <div class="product-item-info" data-container="product-grid">
 <a href="<?php echo $productUrl; ?>" class="product photo product-item-photo">
 <span class="product-image-wrapper">
 <img class="product-image-photo" src="<?php echo $productImage; ?>" width="240" height="300" alt="<?php echo $productName; ?>"></span>
 </a>
 <div class="product details product-item-details"> 
 <strong class="product name product-item-name">
 <a class="product-item-link" href="<?php echo $productUrl; ?>">
 <?php echo $productName; ?></a>
 </strong> 
 <div class="price-box price-final_price">
 <span class="price-container price-final_price">
 <span class="price-wrapper ">
 <span class="price"><?php echo $productPrice; ?></span>
 </span>
 </span>
 </div> 
 <form action="<?php echo $addtoCartUrl; ?>" method="post" class="best-items"> 
 <?php echo $block->getBlockHtml('formkey')?>
 <input type="hidden" name="productId" value="<?php echo $productId; ?>">

$productTypeInstance = $product->getTypeInstance();
$productTypeInstance->setStoreFilter($product->getStoreId(), $product);


if($product->getTypeId() == "configurable"):
$productTypeInstance = $_objectManager->get('MagentoConfigurableProductModelProductTypeConfigurable');
$productAttributeOptions = $productTypeInstance->getConfigurableAttributesAsArray($product);
foreach ($productAttributeOptions as $attribute):
$attributeId = $attribute["attribute_id"];
?> 
<div class="control">
 <span><?=$attribute["label"]?></span>
 <select name="super_attribute[<?=$attributeId?>]" id="select_<?=$attributeId?>" class=" required super-attribute-selectadmin__control-select" title="<?=$attribute["label"] ?>" aria-required="true">
 <option value="">-- Please Select --</option>
 <?php foreach ($attribute["options"] as $attrOption):?>
 <option value="<?=$attrOption["value"]?>" ><?= $attrOption["label"]?></option>
 <?php endforeach;?>
 </select>
</div>
<?php endforeach;?>
<?php endif;?>

<?php 
$customOptions = $_objectManager->get('MagentoCatalogModelProductOption')->getProductOptionCollection($product);
foreach ($customOptions as $option):
$optionId = $option->getOptionId();
?>
<div class="control">
<span><?=$option->getTitle()?></span>
 <select name="options[<?php echo $optionId?>]" id="select_<?php echo $optionId?>" class=" required product-custom-option admin__control-select" title="<?=$option->getTitle()?>" data-selector="options[<?php echo $optionId?>]" aria-required="true">
 <option value="">-- Please Select --</option>
<?php 
 foreach ($option->getValues() as $value) :
 $optionData = $value->getData();
 $optionTypeId = $optionData["option_type_id"];
 $optionPrice = $optionData["price"];
 $optionTitle = $optionData["title"]; 
 ?>
<option value="<?=$optionTypeId?>" price="<?= $optionPrice?>"><?= $optionTitle?></option>
<?php endforeach; ?>
</select>
 </div>
 <?php endforeach;?>

 <button type="submit" title="Add to Cart" class="action tocart primary"> 
 <span>Add to Cart</span>
 </button>
 </form> 
 </div>
 </div>
 </li>
 <?php ?>
 </ol>

You can check module-configurable-product in Magento

You can override configurable.phtml file to your module.

vendor/magento/module-configurable-product/view/frontend/templates/product/view/type/options/configurable.phtml

As i said in comments, you can check condition like this

$product->getTypeId()=="configurable"

and show your html according to the product.

Hope It helps.

Please check with below code to do, get configurable products collection with options.

<?php
use MagentoFrameworkAppBootstrap;
require __DIR__ . '/app/bootstrap.php';
$bootstrap = Bootstrap::create(BP, $_SERVER);
$obj = $bootstrap->getObjectManager();
$state = $obj->get('MagentoFrameworkAppState');
$state->setAreaCode('frontend');

$repository = $obj->create('MagentoCatalogModelProductRepository');
$product = $repository->getById('67');

$data = $product->getTypeInstance()->getConfigurableOptions($product);

$options = array();

foreach($data as $attr)
 foreach($attr as $p)
 $options[$p['sku']][$p['attribute_code']] = $p['option_title'];
 



foreach($options as $sku =>$d)
 $pr = $repository->get($sku);
 foreach($d as $k => $v)
 echo $k.' - '.$v.' ';
 echo ' : '.$pr->getPrice()."n";

Try following way...

Create an extension simple and my code add in your helper file after you can get all data in phtml file

<?php
namespace CompanyModuleHelper;

use MagentoCatalogModelResourceModelCategoryCollectionFactory;

class Data extends MagentoFrameworkAppHelperAbstractHelper

 /**
 * @var MagentoCatalogModelResourceModelProductCollectionFactory
 */
 private $productCollection;

 public function __construct(
 MagentoCatalogModelResourceModelProductCollectionFactory $productCollection
 ) 
 parent::__construct($context);
 $this->productCollection = $productCollection;
 

 public function getProductCollection()
 
 $productIds = [1,2,3,4];
 $collection = $this->productCollection->create()
 ->addAttributeToSelect('*')
 ->addStoreFilter()
 ->addFieldToFilter(
 'entity_id',
 ['in' => $productIds]
 );

 // sort categories by some value
 if ($sortBy) 
 $collection->addOrderField($sortBy);
 

 // select certain number of categories
 if ($pageSize) 
 $collection->setPageSize($pageSize); 
 

 return $collection;