Cách nhận id sản phẩm đơn giản của sản phẩm có thể định cấu hình trên trang Chi tiết sản phẩm

Trong trang chi tiết sản phẩm khi người dùng chọn như màu sắc và kích thước, nó sẽ trả về id sản phẩm đơn giản đó

Tôi đã chọn hộp ở thuộc tính của sản phẩm cấu hình. Đây là những gì tôi đã làm để có được id sản phẩm đơn giản. Đặt mã sau vào tệp phtml sản phẩm có thể định cấu hình của bạn.

 require(["jquery"], function(jQuery) {
      jQuery(".product-options-wrapper select[id^='attribute']").last().on('change', function() {
          setTimeout(function (){
            simpleId=jQuery("input[name=selected_configurable_option]").val();
            alert(simpleId);
          }, 500); 
      });
}); // Required

Nếu bạn có swatch cấu hình hơn nó sẽ yêu cầu thay đổi nhỏ trong mã ở trên. Hy vọng nó sẽ giúp được ai đó.

Cảm ơn bạn

Hãy thử mã dưới đây.

foreach($collection as $_product) {
    $_children = $_product->getTypeInstance()->getUsedProductIds($_product);
    $getChildId = array();
    foreach ($_children as $child){
        $getChildId[] = $child->getID();
    }
    print_r($getChildId);
}

Nếu bạn cần lấy id của sản phẩm đơn giản được chọn trong sản phẩm có thể định cấu hình ở phía máy khách, bạn có thể thực hiện theo cách dưới đây.

Đây là chức năng đơn giản để đạt được điều đó mà không cần sửa đổi mã, các mẫu mới hoặc thậm chí các mô-đun. Chỉ cần một tệp Javascript và cập nhật bố cục.

Product.Config.prototype.getIdOfSelectedProduct = function()
{
     var existingProducts = new Object();

     for(var i=this.settings.length-1;i>=0;i--)
     {
         var selected = this.settings[i].options[this.settings[i].selectedIndex];
         if(selected.config)
         {
            for(var iproducts=0;iproducts<selected.config.products.length;iproducts++)
            {
                var usedAsKey = selected.config.products[iproducts]+"";
                if(existingProducts[usedAsKey]==undefined)
                {
                    existingProducts[usedAsKey]=1;
                }
                else
                {
                    existingProducts[usedAsKey]=existingProducts[usedAsKey]+1;
                }
             }
         }
     }

     for (var keyValue in existingProducts)
     {
        for ( var keyValueInner in existingProducts)
         {
            if(Number(existingProducts[keyValueInner])<Number(existingProducts[keyValue]))
            {
                delete existingProducts[keyValueInner];
            }
         }
     }

     var sizeOfExistingProducts=0;
     var currentSimpleProductId = "";
     for ( var keyValue in existingProducts)
     {
        currentSimpleProductId = keyValue;
        sizeOfExistingProducts=sizeOfExistingProducts+1
     }

     if(sizeOfExistingProducts==1)
     {
         alert("Selected product is: "+currentSimpleProductId)
     }
}