Cách kích hoạt cập nhật minicart sau khi thêm vào giỏ hàng

Tôi có lớp sau tôi đang sử dụng để kiểm tra thêm vào giỏ hàng theo cách tùy chỉnh;

use Magento\Framework\App\Action;
use Magento\Checkout\Model\Cart;

class Add extends Action\Action
{
    protected $cart;

    public function __construct(
        Action\Context $context,
        Cart $cart
    ){
        $this->cart = $cart;
        parent::__construct($context);
    }

    public function execute()
    {
        $this->cart->addProductsByIds([1])
            ->save();
    }
}

Điều này làm việc tuyệt vời. Khi bạn xem giỏ hàng, nó hiển thị mục của tôi, tất cả trông rất tuyệt trong cơ sở dữ liệu, v.v. Tuy nhiên, minicart vẫn hiển thị như thể không có mục nào trong giỏ.

Nếu sau đó tôi thêm một sản phẩm khác vào giỏ hàng bằng cách sử dụng nút "thêm vào giỏ hàng" trên trang sản phẩm hoặc danh sách thì nó sẽ thêm vào giỏ hàng và cập nhật minicart để hiển thị cả hai mục.

Nó kích hoạt minicart ở đâu để tự cập nhật hoặc làm thế nào để minicart biết nó cần làm mới?

Cảm ơn bạn đã giúp đỡ :)

Tôi đã tìm thấy cách kích hoạt nó, bạn cần thiết lập sections.xmlbên trong vv / frontend của mô-đun để báo cho Magento biết phần nào sẽ cập nhật cho một cuộc gọi Ajax cụ thể. Đây là một ví dụ;

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Customer:etc/sections.xsd">
    <action name="[frontName]/[ActionPath]/[ActionName]">
        <section name="cart"/>
    </action>
</config>

Sau khi cuộc gọi Ajax của tôi kết thúc với [frontName]/[ActionPath]/[ActionName]Magento, hãy thực hiện một cuộc gọi khác đến / khách hàng / phần / tải qua các phần để tải.

Theo mặc định, nó yêu cầu bất kỳ thông báo nào nhưng nếu bạn đã thiết lập chính xác các phần của bạn thì bạn cũng sẽ thấy các tên phần bạn đã xác định trong đó.

Điều này không liên quan trực tiếp đến câu hỏi, nhưng nếu bạn đang cập nhật giỏ hàng thông qua các cuộc gọi AJAX trong require.jscác tệp Magento bình thường , bạn cũng có thể yêu cầu Magento_Customer/js/customer-datađối tượng và yêu cầu minicart làm mới theo cách này:

<script>
    require([
        'Magento_Customer/js/customer-data'
    ], function (customerData) {
        var sections = ['cart'];
        customerData.invalidate(sections);
        customerData.reload(sections, true);
    });
</script>

Nguồn: https://github.com/magento/magento2/issues/5621

Trong cửa hàng nếu bạn lặn trong nguồn trong khu vực minicart

<div data-block="minicart" class="minicart-wrapper">
  <a class="action showcart" 
   data-bind="scope: 'minicart_content'">
     ... 
  </a>

   <script type="text/x-magento-init">
   {
    "[data-block='minicart']": {
        "Magento_Ui/js/core/app": {"components":{....}
     }
   }
</script>
</div>

Như bạn có thể thấy ở đây magento2 thực thi các thành phần bên trong thẻ script và dữ liệu liên kết động để chặn minicart sử dụng knockoutJs

Đôi khi thú vị tôi khám phá

\vendor\magento\module-checkout\view\frontend\layout\default.xml

Từ cách bố trí Checkout. Nó xác định componentnội dung cho minicart cho getdata Tiếp tục xem Magento_Checkout/js/view/minicartbạn sẽ thấy

.....
$('[data-block="minicart"]').on('contentLoading', function(event) {
      addToCartCalls++;
      self.isLoading(true);
});
.....